Add resizeMode examples and refactor.

ReactNativeFastImageExample/src/FastImageExamples.js

@@ -8,6 +8,7 @@ import BorderRadiusExample from './BorderRadiusExample'
 import FeatureText from './FeatureText'
 import ProgressExample from './ProgressExample'
 import PreloadExample from './PreloadExample'
+import ResizeModeExample from './ResizeModeExample'
 import StatusBarUnderlay, { STATUS_BAR_HEIGHT } from './StatusBarUnderlay'
 
 const FastImageExample = () => (
@@ -31,6 +32,7 @@ const FastImageExample = () => (
                 <BorderRadiusExample />
                 <ProgressExample />
                 <PreloadExample />
+                <ResizeModeExample />
             </View>
         </ScrollView>
         <StatusBarUnderlay />

ReactNativeFastImageExample/src/ResizeModeExample.js

@@ -0,0 +1,51 @@
+import React from 'react'
+import { StyleSheet, View } from 'react-native'
+import withCacheBust from './withCacheBust'
+import SectionFlex from './SectionFlex'
+import FastImage from 'react-native-fast-image'
+import Section from './Section'
+import FeatureText from './FeatureText'
+
+const IMAGE_URL = 'https://media.giphy.com/media/GEsoqZDGVoisw/giphy.gif'
+
+const BorderRadiusExample = ({ onPressReload, bust }) => (
+    <View>
+        <Section>
+            <FeatureText text="• resizeMode." />
+        </Section>
+        <SectionFlex onPress={onPressReload}>
+            <FastImage
+                style={styles.image}
+                resizeMode={FastImage.resizeMode.contain}
+                source={{ uri: IMAGE_URL }}
+            />
+            <FastImage
+                style={styles.image}
+                resizeMode={FastImage.resizeMode.center}
+                source={{ uri: IMAGE_URL }}
+            />
+            <FastImage
+                style={styles.image}
+                resizeMode={FastImage.resizeMode.stretch}
+                source={{ uri: IMAGE_URL }}
+            />
+            <FastImage
+                style={styles.image}
+                resizeMode={FastImage.resizeMode.cover}
+                source={{ uri: IMAGE_URL }}
+            />
+        </SectionFlex>
+    </View>
+)
+
+const styles = StyleSheet.create({
+    image: {
+        height: 100,
+        width: 50,
+        backgroundColor: '#ddd',
+        margin: 5,
+        flex: 0,
+    },
+})
+
+export default withCacheBust(BorderRadiusExample)

__snapshots__/index.test.js.snap

@@ -20,7 +20,7 @@ exports[`FastImage renders correctly. 1`] = `
     onFastImageLoadEnd={undefined}
     onFastImageLoadStart={undefined}
     onFastImageProgress={undefined}
-    resizeMode="cover"
+    resizeMode="contain"
     source={
       Object {
         "headers": Object {
@@ -50,7 +50,7 @@ exports[`Renders a normal Image when not passed a uri. 1`] = `
   onLoadEnd={undefined}
   onLoadStart={undefined}
   onProgress={undefined}
-  resizeMode="cover"
+  resizeMode="contain"
   source={
     Object {
       "testUri": "../../../react-native-fast-image-example-server/pictures/jellyfish.gif",

ios/FastImage/FFFastImageView.m

@@ -7,6 +7,13 @@
     NSDictionary* onLoadEvent;
 }
 
+- (id) init {
+    self = [super init];
+    self.resizeMode = RCTResizeModeCover;
+    self.clipsToBounds = YES;
+    return self;
+}
+
 - (void)setResizeMode:(RCTResizeMode)resizeMode
 {
     if (_resizeMode != resizeMode) {

ios/FastImage/FFFastImageViewManager.m

@@ -8,10 +8,7 @@
 RCT_EXPORT_MODULE(FastImageView)
 
 - (FFFastImageView*)view {
-  FFFastImageView* view = [[FFFastImageView alloc] init];
-  view.contentMode = (UIViewContentMode) RCTResizeModeStretch;
-  view.clipsToBounds = YES;
-  return view;
+  return [[FFFastImageView alloc] init];
 }
 
 RCT_EXPORT_VIEW_PROPERTY(source, FFFastImageSource)

package.json

@@ -30,10 +30,9 @@
     "url": "git+https://github.com/DylanVann/react-native-fast-image.git"
   },
   "scripts": {
-    "format": "prettier --write ./*.js ./ReactNativeFastImageExample/FastImage/*.js ./react-native-fast-image-server/*.js",
+    "format": "prettier --write --list-different ./*.js ./ReactNativeFastImageExample/src/*.js ./react-native-fast-image-server/*.js",
     "prepare": "git submodule update --init --recursive",
-    "test": "yarn run test:format && yarn run test:jest",
-    "test:format": "prettier-check ./*.js ./ReactNativeFastImageExample/FastImage/*.js ./react-native-fast-image-server/*.js",
+    "test": "yarn run format && yarn run test:jest",
     "test:jest": "jest *.js"
   },
   "dependencies": {