Add splash for iOS

SplashScreen.js

@@ -96,6 +96,7 @@ var styles = StyleSheet.create({
     right: 0,
     bottom: 30,
     height: 54,
+    backgroundColor: 'transparent',
   },
   text: {
     flex: 1,
@@ -106,6 +107,7 @@ var styles = StyleSheet.create({
     left: 0,
     right: 0,
     bottom: 10,
+    backgroundColor: 'transparent',
   }
 });
 

index.ios.js

@@ -12,22 +12,49 @@ var {
   View,
 } = React;
 
+var TimerMixin = require('react-timer-mixin');
+
+var SplashScreen = require('./SplashScreen');
+
 var RCTZhiHuDaily = React.createClass({
-  render: function() {
-    return (
-      <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
-        <Text style={styles.instructions}>
-          To get started, edit index.ios.js
-        </Text>
-        <Text style={styles.instructions}>
-          Press Cmd+R to reload,{'\n'}
-          Cmd+D or shake for dev menu
-        </Text>
-      </View>
+  mixins: [TimerMixin],
+
+  getInitialState: function() {
+    return {
+      splashed: false,
+    };
+  },
+
+  componentDidMount: function() {
+    this.setTimeout(
+      () => {
+        this.setState({splashed: true});
+      },
+      2000,
     );
+  },
+
+  render: function() {
+    if (this.state.splashed) {
+      return (
+        <View style={styles.container}>
+          <Text style={styles.welcome}>
+            Welcome to React Native!
+          </Text>
+          <Text style={styles.instructions}>
+            To get started, edit index.ios.js
+          </Text>
+          <Text style={styles.instructions}>
+            Press Cmd+R to reload,{'\n'}
+            Cmd+D or shake for dev menu
+          </Text>
+        </View>
+      );
+    } else {
+      return (
+        <SplashScreen />
+      );
+    }
   }
 });
 

ios/RCTZhiHuDaily.xcodeproj/project.pbxproj

@@ -595,6 +595,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				DEAD_CODE_STRIPPING = NO;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
 					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,

ios/RCTZhiHuDaily/AppDelegate.m

@@ -31,7 +31,7 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
    * on the same Wi-Fi network.
    */
 
-  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];
+  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
 
   /**
    * OPTION 2

ios/RCTZhiHuDaily/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -21,13 +21,15 @@
       "scale" : "3x"
     },
     {
-      "idiom" : "iphone",
       "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "ic_launcher.png",
       "scale" : "2x"
     },
     {
-      "idiom" : "iphone",
       "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "ic_launcher-1.png",
       "scale" : "3x"
     }
   ],

ios/RCTZhiHuDaily/Images.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/RCTZhiHuDaily/Images.xcassets/splash.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "splash.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/RCTZhiHuDaily/Images.xcassets/splash_logo.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "splash_logo.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/main.jsbundle

@@ -0,0 +1,8 @@
+// Offline JS
+// To re-generate the offline bundle, run this from the root of your project:
+//
+// $ react-native bundle --minify
+//
+// See http://facebook.github.io/react-native/docs/runningondevice.html for more details.
+
+throw new Error('Offline JS file is empty. See iOS/main.jsbundle for instructions');

package.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "react-native": "^0.12.0",
+    "react-native-drawer": "^1.4.2",
     "react-native-viewpager": "^0.1.0",
     "react-timer-mixin": "^0.13.3"
   }