update 2.1.1

Author: ladas-larry

.gitignore

@@ -11,6 +11,7 @@ node_modules
 # if you remove the above rule, at least ignore the following:
 
 /ResponsiveImageExample/
+/ResponsiveImageExample/node_modules
 
 
 # User-specific stuff:

README.md

@@ -73,31 +73,27 @@ But solution that worked the best for me was different. Actually you need to ser
 
 ### Create project
 
-`react-native init ResponsiveImageExample`
+`create-react-native-app ResponsiveImageExample`
 
-`cp ./example/index.android.js ./ResponsiveImageExample/index.android.js`
+`cp ./example/App.js ./ResponsiveImageExample/App.js`
 
-`cp ./example/index.ios.js ./ResponsiveImageExample/index.ios.js`
+`cp -R ./src ./ResponsiveImageExample/src`
 
 `cd ResponsiveImageExample`
 
-`npm i react-native-responsive-image`
+`yarn start`
 
 
 ### Run on iOS
 
-Open ResponsiveImageExample/ios/ResponsiveImageExample.xcodeproj
-
-Run the project inside iOS Simulator simulator
+`yarn run ios`
 
 ### Run on Android
 
-Go to ResponsiveImageExample
-
-`react-native run-android`
+`yarn run android`
 
 ## Development
 
-1. Modify react-native-responsive-image.js in the root directory
+1. Modify any files in ./src directory
 
-2. Propagate changes `cp ./react-native-responsive-image.js ./ResponsiveImageExample/node_modules/react-native-responsive-image/react-native-responsive-image.js` to see the changes reflected inside example project
+2. Propagate changes by `cp -R ./src ./ResponsiveImageExample/src`

TODO.md

@@ -1,5 +1,3 @@
 # React Native Responsive Image - TODO
 
-- host somewhere image for example
-
 - watchman for development: whatch ./react-native-responsive-image.js; cp ./react-native-responsive-image.js ./ResponsiveImageExample/node_modules/react-native-responsive-image/react-native-responsive-image.js

example/App.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import ResponsiveImage from './src/react-native-responsive-image';
+
+export default class App extends React.Component {
+  render() {
+    return (
+      <View style={{ flex: 1, justifyContent: 'center', }}>
+        <View style={{ flexDirection: 'row', }}>
+          <ResponsiveImage source={{ uri: 'https://github.com/Dharmoslap/react-native-responsive-image/raw/master/react_logo.png' }} initWidth="138" initHeight="138" />
+          <ResponsiveImage source={{ uri: 'https://github.com/Dharmoslap/react-native-responsive-image/raw/master/react_logo.png' }} initWidth="138" initHeight="138" />
+          <ResponsiveImage source={{ uri: 'https://github.com/Dharmoslap/react-native-responsive-image/raw/master/react_logo.png' }} initWidth="138" initHeight="138" />
+        </View>
+      </View>);
+  }
+}

example/index.android.js

@@ -0,0 +1,3 @@
+import ResponsiveImage from './src/react-native-responsive-image';
+
+export default ResponsiveImage

example/index.ios.js

@@ -1,8 +1,8 @@
 {
   "name": "react-native-responsive-image",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Image component, that resizes itself appropriately on various screensizes.",
-  "main": "react-native-responsive-image.js",
+  "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -20,4 +20,4 @@
     "url": "https://github.com/Dharmoslap/react-native-responsive-images/issues"
   },
   "homepage": "https://github.com/Dharmoslap/react-native-responsive-images#readme"
-}
+}