example-redux works on iOS but dear god this code is ugly

example-redux/ios/exampleRedux.xcodeproj/project.pbxproj

@@ -650,7 +650,10 @@
 				);
 				INFOPLIST_FILE = exampleRedux/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				OTHER_LDFLAGS = "-ObjC";
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+				);
 				PRODUCT_NAME = exampleRedux;
 			};
 			name = Debug;
@@ -667,7 +670,10 @@
 				);
 				INFOPLIST_FILE = exampleRedux/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				OTHER_LDFLAGS = "-ObjC";
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+				);
 				PRODUCT_NAME = exampleRedux;
 			};
 			name = Release;

example-redux/src/app.js

@@ -1,9 +1,11 @@
-import {createStore, applyMiddleware, combineReducers} from 'redux';
-import {Provider} from 'react-redux';
-import {Navigation} from 'react-native-navigation';
-import thunk from 'redux-thunk';
-import * as reducers from './reducers';
-import * as appActions from './reducers/app/actions';
+import {createStore, applyMiddleware, combineReducers} from "redux";
+import {Provider} from "react-redux";
+import {Navigation} from "react-native-navigation";
+import thunk from "redux-thunk";
+import * as reducers from "./reducers";
+import * as appActions from "./reducers/app/actions";
+import {registerScreens} from "./screens";
+import {Platform} from "react-native";
 
 // redux related book keeping
 const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
@@ -11,7 +13,6 @@ const reducer = combineReducers(reducers);
 const store = createStoreWithMiddleware(reducer);
 
 // screen related book keeping
-import {registerScreens} from './screens';
 registerScreens(store, Provider);
 
 // notice that this is just a simple class, it's not a React component
@@ -35,74 +36,77 @@ export default class App {
   startApp(root) {
     switch (root) {
       case 'login':
-        // Navigation.startSingleScreenApp({
-        //  screen: {
-        //    screen: 'example.LoginScreen',
-        //    title: 'Login',
-        //    navigatorStyle: {}
-        //  },
-        //  passProps: {
-        //    str: 'This is a prop passed in \'startSingleScreenApp()\'!',
-        //    obj: {
-        //      str: 'This is a prop passed in an object!',
-        //      arr: [
-        //        {
-        //          str: 'This is a prop in an object in an array in an object!'
-        //        }
-        //      ],
-        //      arr2: [
-        //        [
-        //          'array of strings',
-        //          'with two strings'
-        //        ],
-        //        [
-        //          1, 2, 3
-        //        ]
-        //      ]
-        //    },
-        //    num: 1234,
-        //    fn: function() {
-        //      return 'Hello from a function!';
-        //    }
-        //  }
-        // });
-        Navigation.startSingleScreenApp({
-          screen: {
-            title: 'Example',
-            screen: 'example.TopTabsScreen',
-            topTabs: [
-              {
-                screenId: 'example.FirstTabScreen',
-                title: 'Tab1',
-                passProps: {
-                  str: 'This is a prop passed to Tab1',
-                  fn: () => 'Hello from a function passed as passProps!'
-                }
-              },
-              {
-                screenId: 'example.PushedScreen',
-                title: 'Tab2',
-                passProps: {
-                  str: 'This is a prop passed to Tab2'
-                }
+        if (Platform.OS === 'ios') {
+          Navigation.startSingleScreenApp({
+            screen: {
+              screen: 'example.LoginScreen',
+              title: 'Login',
+              navigatorStyle: {}
+            },
+            passProps: {
+              str: 'This is a prop passed in \'startSingleScreenApp()\'!',
+              obj: {
+                str: 'This is a prop passed in an object!',
+                arr: [
+                  {
+                    str: 'This is a prop in an object in an array in an object!'
+                  }
+                ],
+                arr2: [
+                  [
+                    'array of strings',
+                    'with two strings'
+                  ],
+                  [
+                    1, 2, 3
+                  ]
+                ]
               },
-              {
-                screenId: 'example.ListScreen',
-                title: 'Tab3',
-                passProps: {
-                  str: 'This is a prop passed to Tab3'
-                }
+              num: 1234,
+              fn: function() {
+                return 'Hello from a function!';
               }
-            ],
-            navigatorStyle: {}
-          },
-          drawer: { // optional, add this if you want a side menu drawer in your app
-            left: { // optional, define if you want a drawer from the left
-              screen: 'example.SideMenu' // unique ID registered with Navigation.registerScreen
+            }
+          });
+        } else {
+          Navigation.startSingleScreenApp({
+            screen: {
+              title: 'Example',
+              screen: 'example.TopTabsScreen',
+              topTabs: [
+                {
+                  screenId: 'example.FirstTabScreen',
+                  title: 'Tab1',
+                  passProps: {
+                    str: 'This is a prop passed to Tab1',
+                    fn: () => 'Hello from a function passed as passProps!'
+                  }
+                },
+                {
+                  screenId: 'example.PushedScreen',
+                  title: 'Tab2',
+                  passProps: {
+                    str: 'This is a prop passed to Tab2'
+                  }
+                },
+                {
+                  screenId: 'example.ListScreen',
+                  title: 'Tab3',
+                  passProps: {
+                    str: 'This is a prop passed to Tab3'
+                  }
+                }
+              ],
+              navigatorStyle: {}
             },
-            disableOpenGesture: false // optional, can the drawer be opened with a swipe instead of button
-          }
-        });
+            drawer: { // optional, add this if you want a side menu drawer in your app
+              left: { // optional, define if you want a drawer from the left
+                screen: 'example.SideMenu' // unique ID registered with Navigation.registerScreen
+              },
+              disableOpenGesture: false // optional, can the drawer be opened with a swipe instead of button
+            }
+          });
+        }
         return;
       case 'after-login':
         Navigation.startTabBasedApp({

example-redux/src/screens/TopTabsScreen.js

@@ -1,3 +1,7 @@
-export default class TopTabsScreen {
+import React, {Component} from "react";
 
-}
+export default class TopTabsScreen extends Component {
+  render() {
+    return null;
+  }
+}