show network activity (and a few other platform)

Author: bleonard

App/Platform/Alert.js

@@ -0,0 +1,12 @@
+var React = require('react-native');
+var {
+  AlertIOS
+} = React;
+
+var Alert = {
+  alert: function(title, message, buttons, type) {
+    AlertIOS.alert(title, message, buttons, type);
+  }
+};
+
+module.exports = Alert;

App/Platform/Linking.js

@@ -0,0 +1,13 @@
+var React = require('react-native');
+var {
+  LinkingIOS
+} = React;
+
+var Linking = {
+  openURL: function(url) {
+    console.log("Linking.openURL: " + url);
+    LinkingIOS.openURL(url);
+  }
+};
+
+module.exports = Linking;

App/Platform/StatusBar.js

@@ -0,0 +1,12 @@
+var React = require('react-native');
+var {
+  StatusBarIOS
+} = React;
+
+var StatusBar = {
+  setNetworkActive: function(active) {
+    StatusBarIOS.setNetworkActivityIndicatorVisible(active);
+  }
+};
+
+module.exports = StatusBar;

App/Root/Launcher.js

@@ -1,6 +1,9 @@
 var AppConstants = require('../Constants/AppConstants');
 var Router       = require('../Navigation/Router');
 
+var StatusBar    = require('../Platform/StatusBar');
+var Linking      = require('../Platform/Linking');
+
 var Launcher = {
   launch: function(root, action) {
     switch(action.actionType) {
@@ -15,6 +18,19 @@ var Launcher = {
           root.setState({routeStack: parsed});
         }
         break;
+      case AppConstants.NETWORK_ACTIVITY:
+        StatusBar.setNetworkActive(action.isActive);
+        break;
+      case AppConstants.OPEN_URL:
+        var url = action.url;
+        Linking.openURL(url)
+        break;
+      case AppConstants.RELOAD_PATH:
+        // TODO
+        //root.setState({loading: true}, function() {
+        //  root.setState({loading: false});
+        //});
+        break;
       default:
         break;
     }

App/Screens/Dashboard/Dashboard.js

@@ -24,7 +24,7 @@ var Dashboard = React.createClass({
 
 var styles = StyleSheet.create({
   container: {
-  
+    flex: 1
   }
 });
 

App/Screens/Dashboard/PostListItem.js

@@ -12,10 +12,12 @@ var Text       = require('../../Components/Text');
 var PostListItem = React.createClass({
   render: function() {
     return (
-      <View style={styles.container}>
-        <Text style={styles.content}>
-          {this.props.post.data.content}
-        </Text>
+      <View>
+        <View style={styles.container}>
+          <Text style={styles.content}>
+            {this.props.post.data.content}
+          </Text>
+        </View>
         <View style={cssVar('listFullLine')} />
       </View>
     );
@@ -27,11 +29,10 @@ var styles = StyleSheet.create({
     backgroundColor: 'white',
     flex: 1,
     flexDirection: 'row',
-    alignItems: 'center',
-    padding:20
+    padding: 25
   },
   content: {
-    fontSize: 18,
+    fontSize: 16,
   }
 });