suport isLTR and remove peer dependencies

Author: ron

Example/.expo-shared/assets.json

@@ -1,4 +1,4 @@
 {
-  "f9155ac790fd02fadcdeca367b02581c04a353aa6d5aa84409a59f6804c87acd": true,
-  "89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true
-}
+  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
+  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
+}

Example/.gitignore

@@ -8,7 +8,6 @@ npm-debug.*
 *.mobileprovision
 *.orig.*
 web-build/
-web-report/
 
 # macOS
 .DS_Store

Example/App.tsx

@@ -8,21 +8,21 @@ const MSG = [
   "Best wishes on your birthday – may you have many, many more",
   "Wishing you the happiest of birthdays",
   "Best wishes for a fantastic person on your birthday",
-  "I hope you treat yourself to something special on your birthday – you deserve it!"
+  "I hope you treat yourself to something special on your birthday – you deserve it!",
 ];
 
-function getRandomInt(max) {
+function getRandomInt(max: number) {
   return Math.floor(Math.random() * Math.floor(max));
 }
 
 export default class App extends React.Component {
   state = {
-    welcomeMsg: MSG[0]
+    welcomeMsg: MSG[0],
   };
 
   updateText = () => {
     this.setState({
-      welcomeMsg: MSG[getRandomInt(5)]
+      welcomeMsg: MSG[getRandomInt(5)],
     });
   };
 
@@ -39,6 +39,9 @@ export default class App extends React.Component {
         <AutoScrolling style={styles.scrolling2}>
           <Text style={styles.welcome}>{welcomeMsg}</Text>
         </AutoScrolling>
+        <AutoScrolling isLTR style={styles.scrolling2}>
+          <Text style={styles.welcome}>{welcomeMsg}</Text>
+        </AutoScrolling>
         <TouchableOpacity onPress={this.updateText} style={styles.button}>
           <Text style={styles.buttonText}>Change Birthday Wish</Text>
         </TouchableOpacity>
@@ -51,35 +54,36 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     paddingTop: 200,
-    backgroundColor: "white"
+    backgroundColor: "white",
   },
   image: {
     width: 200,
-    height: 200
+    height: 200,
   },
   scrolling1: {
-    marginVertical: 10
+    marginVertical: 10,
   },
   scrolling2: {
     backgroundColor: "red",
     alignItems: "center",
     padding: 20,
-    marginHorizontal: 20
+    marginHorizontal: 20,
+    marginBottom: 20,
   },
   welcome: {
     color: "white",
     fontSize: 20,
-    fontWeight: "bold"
+    fontWeight: "bold",
   },
   button: {
     margin: 20,
     backgroundColor: "blue",
     justifyContent: "center",
     paddingVertical: 10,
-    borderRadius: 10
+    borderRadius: 10,
   },
   buttonText: {
     color: "white",
-    textAlign: "center"
-  }
+    textAlign: "center",
+  },
 });

Example/app.json

@@ -1,14 +1,7 @@
 {
   "expo": {
-    "name": "Blank Template (TypeScript)",
+    "name": "Example",
     "slug": "Example",
-    "privacy": "public",
-    "sdkVersion": "36.0.0",
-    "platforms": [
-      "ios",
-      "android",
-      "web"
-    ],
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
@@ -25,6 +18,15 @@
     ],
     "ios": {
       "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
     }
   }
 }

Example/assets/adaptive-icon.png

@@ -8,20 +8,20 @@
     "eject": "expo eject"
   },
   "dependencies": {
-    "expo": "~36.0.0",
-    "react": "~16.9.0",
-    "react-dom": "~16.9.0",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
-    "react-native-auto-scrolling": "^2.0.0",
-    "react-native-screens": "2.0.0-alpha.12",
-    "react-native-web": "~0.11.7"
+    "expo": "~40.0.0",
+    "expo-status-bar": "~1.0.3",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
+    "react-native-auto-scrolling": "^2.0.2",
+    "react-native-web": "~0.13.12"
   },
   "devDependencies": {
-    "@types/react": "~16.9.0",
-    "@types/react-native": "~0.60.23",
-    "@babel/core": "^7.0.0",
-    "babel-preset-expo": "~8.0.0",
-    "typescript": "~3.6.3"
+    "@babel/core": "~7.9.0",
+    "@types/react": "~16.9.35",
+    "@types/react-dom": "~16.9.8",
+    "@types/react-native": "~0.63.2",
+    "typescript": "~4.0.0"
   },
   "private": true
 }

Example/assets/favicon.png

@@ -6,6 +6,7 @@
     "moduleResolution": "node",
     "noEmit": true,
     "skipLibCheck": true,
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "strict": true
   }
 }