Fix example project

example/src/app.js

@@ -9,20 +9,6 @@ import { Navigation } from 'react-native-navigation';
 import { registerScreens } from './screens';
 registerScreens();
 
-AppRegistry.registerComponent('App', () => App);
-
-export default class App extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <View />
-    );
-  }
-}
-
 // this will start our app
 Navigation.startTabBasedApp({
   tabs: [

example/src/screens/FirstTabScreen.android.js

@@ -1,111 +0,0 @@
-import React, {Component} from 'react';
-import {
-  Text,
-  View,
-  ScrollView,
-  TouchableOpacity,
-  StyleSheet
-} from 'react-native';
-
-export default class FirstTabScreen extends Component {
-  static navigatorButtons = {
-    leftButtons: [{
-      icon: require('../../img/navicon_menu.png'),
-      id: 'menu'
-    }],
-    rightButtons: [
-      {
-        title: 'Edit',
-        id: 'edit'
-      },
-      {
-        icon: require('../../img/navicon_add.png'),
-        id: 'add'
-      }
-    ]
-  };
-  static navigatorStyle = {
-    drawUnderTabBar: true
-  };
-  constructor(props) {
-    super(props);
-    // if you want to listen on navigator events, set this up
-    // this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
-  }
-  onNavigatorEvent(event) {
-    if (event.id == 'menu') {
-      this.props.navigator.toggleDrawer({
-        side: 'left',
-        animated: true
-      });
-    }
-    if (event.id == 'edit') {
-      // AlertIOS.alert('NavBar', 'Edit button pressed');
-    }
-    if (event.id == 'add') {
-      // AlertIOS.alert('NavBar', 'Add button pressed');
-    }
-  }
-  render() {
-    return (
-      <View style={{flex: 1, padding: 20}}>
-
-        <TouchableOpacity onPress={ this.onPushPress.bind(this) }>
-          <Text style={styles.button}>Push Plain Screen</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity onPress={ this.onPushStyledPress.bind(this) }>
-          <Text style={styles.button}>Push Styled Screen</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity onPress={ this.onModalPress.bind(this) }>
-          <Text style={styles.button}>Show Modal Screen</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity onPress={ this.onLightBoxPress.bind(this) }>
-          <Text style={styles.button}>Show LightBox</Text>
-        </TouchableOpacity>
-
-      </View>
-    );
-  }
-  onPushPress() {
-    this.props.navigator.push({
-      title: "More",
-      screen: "example.PushedScreen"
-    });
-  }
-  onPushStyledPress() {
-    console.warn('navigator.push not implemented yet');
-    // this.props.navigator.push({
-    //   title: "Styled",
-    //   screen: "example.StyledScreen"
-    // });
-  }
-  onModalPress() {
-    console.warn('navigator.showModal not implemented yet');
-    // this.props.navigator.showModal({
-    //   title: "Modal",
-    //   screen: "example.ModalScreen"
-    // });
-  }
-  onLightBoxPress() {
-    console.warn('navigator.showLightBox not implemented yet');
-    // this.props.navigator.showLightBox({
-    //   screen: "example.LightBoxScreen",
-    //   style: {
-    //     backgroundBlur: "dark"
-    //   }
-    // });
-  }
-}
-
-const styles = StyleSheet.create({
-  button: {
-    textAlign: 'center',
-    fontSize: 18,
-    marginBottom: 10,
-    marginTop:10,
-    color: 'blue'
-  }
-});

example/src/screens/SecondTabScreen.android.js

@@ -1,133 +0,0 @@
-import React, {Component} from 'react';
-import {
-  Text,
-  View,
-  ScrollView,
-  TouchableOpacity,
-  StyleSheet
-} from 'react-native';
-
-export default class SecondTabScreen extends Component {
-  static navigatorStyle = {
-    drawUnderTabBar: true
-  };
-  constructor(props) {
-    super(props);
-    this.buttonsCounter = 0;
-    // if you want to listen on navigator events, set this up
-    // this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
-  }
-  render() {
-    return (
-      <View style={{flex: 1, padding: 20}}>
-
-        <TouchableOpacity onPress={ this.onChangeButtonsPress.bind(this) }>
-          <Text style={styles.button}>Change Buttons</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity onPress={ this.onChangeTitlePress.bind(this) }>
-          <Text style={styles.button}>Change Title</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity onPress={ this.onSwitchTabPress.bind(this) }>
-          <Text style={styles.button}>Switch To Tab#1</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity onPress={ this.onSetTabBadgePress.bind(this) }>
-          <Text style={styles.button}>Set Tab Badge</Text>
-        </TouchableOpacity>
-
-        <TouchableOpacity onPress={ this.onToggleTabsPress.bind(this) }>
-          <Text style={styles.button}>Toggle Tabs</Text>
-        </TouchableOpacity>
-
-      </View>
-    );
-  }
-  onChangeTitlePress() {
-    this.props.navigator.setTitle({
-      title: Math.round(Math.random() * 100000).toString()
-    });
-  }
-  onChangeButtonsPress() {
-    let buttons;
-    if (this.buttonsCounter % 3 == 0) {
-      buttons = [
-        {
-          title: 'Edit',
-          id: 'edit',
-          disabled: true
-        },
-        {
-          icon: require('../../img/navicon_add.png'),
-          id: 'add'
-        }
-      ];
-    } else if (this.buttonsCounter % 3 == 1) {
-      buttons = [{
-        title: 'Save',
-        id: 'save'
-      }];
-    } else {
-      buttons = [];
-    }
-    this.buttonsCounter++;
-
-    this.props.navigator.setButtons({
-      rightButtons: buttons,
-      animated: true
-    });
-  }
-  onSwitchTabPress() {
-    this.props.navigator.switchToTab({
-      tabIndex: 0
-    });
-  }
-  onSetTabBadgePress() {
-    this.props.navigator.setTabBadge({
-      badge: 12
-    });
-  }
-  onToggleTabsPress() {
-    this.props.navigator.toggleTabs({
-      to: this.tabsHidden ? 'shown' : 'hidden'
-    });
-    this.tabsHidden = !this.tabsHidden;
-  }
-  onNavigatorEvent(event) {
-    // handle a deep link
-    if (event.type == 'DeepLink') {
-      const parts = event.link.split('/');
-      if (parts[0] == 'tab2') {
-        this.props.navigator.resetTo({
-          title: "Replaced Root",
-          screen: parts[1],
-          animated: true
-        });
-        this.props.navigator.switchToTab();
-      }
-    }
-    // handle a button press
-    // if (event.type == 'NavBarButtonPress') {
-    //   if (event.id == 'edit') {
-    //     AlertIOS.alert('NavBar', 'Dynamic Edit button pressed');
-    //   }
-    //   if (event.id == 'add') {
-    //     AlertIOS.alert('NavBar', 'Dynamic Add button pressed');
-    //   }
-    //   if (event.id == 'save') {
-    //     AlertIOS.alert('NavBar', 'Dynamic Save button pressed');
-    //   }
-    // }
-  }
-}
-
-const styles = StyleSheet.create({
-  button: {
-    textAlign: 'center',
-    fontSize: 18,
-    marginBottom: 10,
-    marginTop:10,
-    color: 'blue'
-  }
-});