update example deps

Author: skv-headless

examples/FacebookTabsExample/.flowconfig

@@ -15,8 +15,6 @@
 # Ignore react and fbjs where there are overlaps, but don't ignore
 # anything that react-native relies on
 .*/node_modules/fbjs/lib/Map.js
-.*/node_modules/fbjs/lib/fetch.js
-.*/node_modules/fbjs/lib/ExecutionEnvironment.js
 .*/node_modules/fbjs/lib/ErrorUtils.js
 
 # Flow has a built-in definition for the 'react' module which we prefer to use
@@ -48,6 +46,9 @@
 # Ignore BUCK generated folders
 .*\.buckd/
 
+# Ignore RNPM
+.*/local-cli/rnpm/.*
+
 .*/node_modules/is-my-json-valid/test/.*\.json
 .*/node_modules/iconv-lite/encodings/tables/.*\.json
 .*/node_modules/y18n/test/.*\.json
@@ -82,15 +83,15 @@ esproposal.class_instance_fields=enable
 munge_underscores=true
 
 module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub'
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\)$' -> 'RelativeImageStub'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FixMe
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-2]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-2]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-5]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-5]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 
 [version]
-^0.22.0
+^0.25.0

examples/FacebookTabsExample/FacebookExample.js

@@ -18,7 +18,7 @@ export default React.createClass({
             <Text>News</Text>
           </View>
         </ScrollView>
-        <ScrollView tabLabel="person-stalker" style={styles.tabView}>
+        <ScrollView tabLabel="ios-people" style={styles.tabView}>
           <View style={styles.card}>
             <Text>Friends</Text>
           </View>
@@ -28,12 +28,12 @@ export default React.createClass({
             <Text>Messenger</Text>
           </View>
         </ScrollView>
-        <ScrollView tabLabel="ios-world" style={styles.tabView}>
+        <ScrollView tabLabel="ios-notifications" style={styles.tabView}>
           <View style={styles.card}>
             <Text>Notifications</Text>
           </View>
         </ScrollView>
-        <ScrollView tabLabel="navicon-round" style={styles.tabView}>
+        <ScrollView tabLabel="ios-list" style={styles.tabView}>
           <View style={styles.card}>
             <Text>Other nav</Text>
           </View>

examples/FacebookTabsExample/FacebookTabBar.js

@@ -1,4 +1,5 @@
-import React, {
+import React from 'react';
+import {
   StyleSheet,
   Text,
   View,

examples/FacebookTabsExample/OverlayExample.js

@@ -18,16 +18,15 @@ export default React.createClass({
       tabBarPosition='overlayTop'
     >
       <ScrollView tabLabel='iOS'>
-        <Icon name='social-apple' color='#DBDDDE' size={300} style={styles.icon} />
-        <Icon name='social-apple-outline' color='#DBDDDE' size={300} style={styles.icon} />
-        <Icon name='ipad' color='#DBDDDE' size={300} style={styles.icon} />
-        <Icon name='iphone' color='#DBDDDE' size={300} style={styles.icon} />
-        <Icon name='ipod' color='#DBDDDE' size={300} style={styles.icon} />
+        <Icon name='logo-apple' color='black' size={300} style={styles.icon} />
+        <Icon name='ios-phone-portrait' color='black' size={300} style={styles.icon} />
+        <Icon name='logo-apple' color='#DBDDDE' size={300} style={styles.icon} />
+        <Icon name='ios-phone-portrait' color='#DBDDDE' size={300} style={styles.icon} />
       </ScrollView>
       <ScrollView tabLabel='Android'>
-        <Icon name='social-android' color='#A4C639' size={300} style={styles.icon} />
-        <Icon name='social-android-outline' color='#A4C639' size={300} style={styles.icon} />
-        <Icon name='android-playstore' color='#A4C639' size={300} style={styles.icon} />
+        <Icon name='logo-android' color='#A4C639' size={300} style={styles.icon} />
+        <Icon name='logo-android' color='black' size={300} style={styles.icon} />
+        <Icon name='logo-android' color='brown' size={300} style={styles.icon} />
       </ScrollView>
     </ScrollableTabView>;
   },

examples/FacebookTabsExample/android/app/BUCK

@@ -5,7 +5,7 @@ import re
 # - install Buck
 # - `npm start` - to start the packager
 # - `cd android`
-# - `cp ~/.android/debug.keystore keystores/debug.keystore`
+# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US`
 # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
 # - `buck install -r android/app` - compile, install and run application
 #

examples/FacebookTabsExample/android/app/proguard-rules.pro

@@ -51,17 +51,13 @@
 
 -keepattributes Signature
 -keepattributes *Annotation*
--keep class com.squareup.okhttp.** { *; }
--keep interface com.squareup.okhttp.** { *; }
--dontwarn com.squareup.okhttp.**
+-keep class okhttp3.** { *; }
+-keep interface okhttp3.** { *; }
+-dontwarn okhttp3.**
 
 # okio
 
 -keep class sun.misc.Unsafe { *; }
 -dontwarn java.nio.file.*
 -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
 -dontwarn okio.**
-
-# stetho
-
--dontwarn com.facebook.stetho.**

examples/FacebookTabsExample/android/app/src/main/assets/fonts/FontAwesome.ttf

@@ -28,15 +28,15 @@ protected boolean getUseDeveloperSupport() {
         return BuildConfig.DEBUG;
     }
 
-   /**
-   * A list of packages used by the app. If the app uses additional views
-   * or modules besides the default ones, add more packages here.
-   */
+    /**
+     * A list of packages used by the app. If the app uses additional views
+     * or modules besides the default ones, add more packages here.
+     */
     @Override
     protected List<ReactPackage> getPackages() {
-      return Arrays.<ReactPackage>asList(
-        new MainReactPackage(),
-        new VectorIconsPackage()
-      );
+        return Arrays.<ReactPackage>asList(
+            new MainReactPackage(),
+            new VectorIconsPackage()
+        );
     }
 }