Disable cache images in search

isdenmois · Jun 23, 2019 · b45b98a · b45b98a
1 parent 2f2b642
commit b45b98a
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 4 deletions.
diff --git a/android/app/proguard-rules.pro b/android/app/proguard-rules.pro
@@ -15,6 +15,8 @@
 #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
 # public *;
 #}
+-keep public class com.dylanvann.fastimage.* {*;}
+-keep public class com.dylanvann.fastimage.** {*;}
 -keep public class * implements com.bumptech.glide.module.GlideModule
 -keep public class * extends com.bumptech.glide.module.AppGlideModule
 -keep public enum com.bumptech.glide.load.ImageHeaderParser$** {

diff --git a/src/components/book-item.tsx b/src/components/book-item.tsx
@@ -30,12 +30,15 @@ interface Props extends Partial<NavigationScreenProps> {
  record?: Book;
  book?: Book;
  nextStatus?: BOOK_STATUSES;
+ cacheThumbnail?: boolean;
 }
 
 @withObservables(['book'], ({ book }) => ({
  record: book.record || book,
 }))
 export class BookItem extends React.PureComponent<Props> {
+ static defaultProps: Props = { cacheThumbnail: true };
+
  get book() {
  return this.props.record || this.props.book;
  }
@@ -53,12 +56,21 @@ export class BookItem extends React.PureComponent<Props> {
  const nextStatus = this.nextStatus;
  const statusIcon = book.status === BOOK_STATUSES.READ ? 'star' : STATUS_ICONS[nextStatus];
  const statusColor = STATUS_COLORS[statusIcon];
+ const cache = this.props.cacheThumbnail;
 
  return (
  <View style={s.container}>
  <TouchableOpacity style={s.thumbnailView} onPress={this.openBook}>
  <View style={s.thumbnail}>
- <Thumbnail auto={null} style={s.image} width={65} height={100} title={book.title} url={book.thumbnail} />
+ <Thumbnail
+ cache={cache}
+ auto={null}
+ style={s.image}
+ width={65}
+ height={100}
+ title={book.title}
+ url={book.thumbnail}
+ />
  </View>
  </TouchableOpacity>
 

diff --git a/src/components/thumbnail.tsx b/src/components/thumbnail.tsx
@@ -13,9 +13,10 @@ interface Props {
  auto?: string;
  style?: ImageStyle;
  resizeMode?: Image.ResizeMode;
+ cache?: boolean;
 }
 
-export function Thumbnail({ auto, style, title, width, height, url, resizeMode }: Props) {
+export function Thumbnail({ auto, style, title, width, height, url, resizeMode, cache }: Props) {
  if (!url) {
  return <Avatar style={style} width={width} height={height} title={title} />;
  }
@@ -28,9 +29,12 @@ export function Thumbnail({ auto, style, title, width, height, url, resizeMode }
  return <AutoWithImage width={width} height={height} style={style} url={url} />;
  }
 
- return <Image style={[style, { width, height }]} source={{ uri: url }} resizeMode={resizeMode} />;
+ const source = { uri: url, cache: cache ? Image.cacheControl.immutable : Image.cacheControl.web };
+
+ return <Image style={[style, { width, height }]} source={source} resizeMode={resizeMode} />;
 }
 
 Thumbnail.defaultProps = {
  auto: 'height',
+ cache: true,
 };
diff --git a/src/screens/search/search.screen.tsx b/src/screens/search/search.screen.tsx
@@ -51,7 +51,7 @@ export class SearchScreen extends React.Component<NavigationScreenProps, State>
  return (
  <ScrollView contentContainerStyle={s.scroll}>
  {_.map(data, book => (
- <BookItem book={book} key={book.id} navigation={this.props.navigation} />
+ <BookItem cacheThumbnail={false} book={book} key={book.id} navigation={this.props.navigation} />
  ))}
  </ScrollView>
  );