Clean playground app

Mostly removed unused files left over from the recent playground app refactor

playground/src/screens/Alert.js

@@ -1,7 +1,7 @@
 const React = require('react');
 const { PureComponent } = require('react');
 
-const { Text, Button, View, Platform } = require('react-native');
+const { Text, Button, View } = require('react-native');
 const { Navigation } = require('react-native-navigation');
 
 const testIDs = require('../testIDs');

playground/src/screens/BackHandlerModalScreen.js

@@ -1,73 +0,0 @@
-const React = require('react');
-const { Component } = require('react');
-
-const { View, Text, Button, BackHandler } = require('react-native');
-
-class BackHandlerModalScreen extends Component {
-  static options() {
-    return {
-      topBar: {
-        title: {
-          text: 'Back Handler'
-        }
-      }
-    };
-  }
-
-  constructor(props) {
-    super(props);
-    this.backHandler = () => {
-      this.setState({
-        backPress: 'Back button pressed!'
-      });
-      return true;
-    };
-    this.state = {
-      backPress: ''
-    };
-  }
-
-  render() {
-    return (
-      <View style={styles.root}>
-        <Text style={styles.h1}>{`Back Handler Screen`}</Text>
-        <Text style={styles.h2}>{this.state.backPress}</Text>
-        <Button title='add back handler' onPress={() => this.addBackHandler()} />
-        <Button title='remove back handler' onPress={() => this.removeBackHandler()} />
-      </View>
-    );
-  }
-
-  addBackHandler() {
-    BackHandler.addEventListener('hardwareBackPress', this.backHandler);
-  }
-
-  removeBackHandler() {
-    BackHandler.removeEventListener('hardwareBackPress', this.backHandler);
-  }
-
-  componentWillUnmount() {
-    BackHandler.removeEventListener('hardwareBackPress', this.backHandler);
-  }
-}
-
-const styles = {
-  root: {
-    flex: 1,
-    backgroundColor: 'white',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  h2: {
-    fontSize: 12,
-    textAlign: 'center',
-    margin: 10
-  },
-  footer: {
-    fontSize: 10,
-    color: '#888',
-    marginTop: 10
-  }
-};
-
-module.exports = BackHandlerModalScreen;

playground/src/screens/LayoutsScreen.js

@@ -34,7 +34,7 @@ class LayoutsScreen extends React.Component {
     );
   }
 
-  stack = () => Navigation.showModal(Screens.StackScreen);
+  stack = () => Navigation.showModal(Screens.Stack);
 
   bottomTabs = () => Navigation.showModal({
     bottomTabs: {

playground/src/screens/Screens.js

@@ -3,8 +3,7 @@ module.exports = {
   Pushed: 'Pushed',
   Layouts: 'Layouts',
   Options: 'Options',
-  StackScreen: 'StackScreen',
-  Pushed: 'Pushed',
+  Stack: 'Stack',
   Modal: 'Modal',
   Overlay: 'Overlay',
   OverlayAlert: 'OverlayAlert',

playground/src/screens/TextScreen.js

@@ -1,164 +0,0 @@
-const React = require('react');
-const { Component } = require('react');
-
-const { View, Text, Button, Platform } = require('react-native');
-
-const { Navigation } = require('react-native-navigation');
-const testIDs = require('../testIDs');
-const Bounds = require('../components/Bounds');
-class TextScreen extends Component {
-  static options() {
-    return {
-      bottomTabs: {
-        drawBehind: true,
-        testID: testIDs.BOTTOM_TABS_ELEMENT
-      },
-      topBar: {
-        testID: testIDs.TOP_BAR_ELEMENT
-      }
-    };
-  }
-
-  render() {
-    return (
-      <Bounds>
-        <View style={styles.root}>
-          <Text style={styles.h1} testID={testIDs.CENTERED_TEXT_HEADER}>{this.props.text || 'Text Screen'}</Text>
-          {this.renderTextFromFunctionInProps()}
-          <Text style={styles.footer}>{`this.props.componentId = ${this.props.componentId}`}</Text>
-          <Button title={'Set Tab Badge'} testID={testIDs.SET_TAB_BADGE_BUTTON} onPress={() => this.onClickSetBadge()} />
-          <Button title={'Set empty Tab Badge'} testID={testIDs.SET_TAB_BADGE_BUTTON_NULL} onPress={() => this.onClickSetNullBadge()} />
-          <Button title={'Switch To Tab 2'} testID={testIDs.SWITCH_SECOND_TAB_BUTTON} onPress={() => this.onClickSwitchToTab()} />
-          <Button title={'Switch To Tab 1 by componentID'} testID={testIDs.SWITCH_FIRST_TAB_BUTTON} onPress={() => this.onClickSwitchToTabByComponentID()} />
-          {/* tslint:disable-next-line:max-line-length */}
-          { Platform.OS === 'android' && <Button title='Hide Tab Bar' testID={testIDs.HIDE_BOTTOM_TABS_BUTTON} onPress={() => this.toggleTabBarVisibility(this.props.componentId, false)} /> }
-          { Platform.OS === 'android' && <Button title='Show Tab Bar' testID={testIDs.SHOW_BOTTOM_TABS_BUTTON} onPress={() => this.toggleTabBarVisibility('BottomTabs', true)} /> }
-          <Button title='Hide Tab Bar on Push' testID={testIDs.HIDE_BOTTOM_TABS_ON_PUSH_BUTTON} onPress={() => this.hideTabBarOnPush()} />
-          <Button title='Show Left Side Menu' testID={testIDs.SHOW_LEFT_SIDE_MENU_BUTTON} onPress={() => this.showSideMenu('left')} />
-          <Button title='Show Right Side Menu' testID={testIDs.SHOW_RIGHT_SIDE_MENU_BUTTON} onPress={() => this.showSideMenu('right')} />
-          <Button title='Push' testID={testIDs.PUSH_BUTTON} onPress={this.onClickPush} />
-          <Button title='Pop' testID={testIDs.POP_BUTTON} onPress={this.onClickPop} />
-          <Button title='Dismiss modal' testID={testIDs.DISMISS_MODAL_BUTTON} onPress={this.onClickDismissModal} />
-        </View>
-      </Bounds>
-    );
-  }
-
-  onClickSetBadge() {
-    Navigation.mergeOptions(this.props.componentId, {
-      bottomTab: {
-        badge: `TeSt`
-      }
-    });
-  }
-
-  onClickSetNullBadge() {
-    Navigation.mergeOptions(this.props.componentId, {
-      bottomTab: {
-        badge: null
-      }
-    });
-  }
-
-  onClickPush = async () => {
-    await Navigation.push(this.props.componentId, {
-      component: {
-        name: 'navigation.playground.PushedScreen'
-      }
-    });
-  }
-
-  onClickDismissModal = () => {
-    Navigation.dismissModal(this.props.componentId);
-  }
-
-  onClickPop = async () => {
-    await Navigation.pop(this.props.componentId);
-  }
-
-  renderTextFromFunctionInProps() {
-    if (!this.props.myFunction) {
-      return undefined;
-    }
-    return (
-      <Text style={styles.h1}>{this.props.myFunction()}</Text>
-    );
-  }
-
-  onClickSwitchToTab() {
-    Navigation.mergeOptions(this.props.componentId, {
-      bottomTabs: {
-        currentTabIndex: 1,
-        visible: false,
-        drawBehind: true,
-        animate: true
-      }
-    });
-  }
-
-  onClickSwitchToTabByComponentID() {
-    Navigation.mergeOptions(this.props.componentId, {
-      bottomTabs: {
-        currentTabId: 'TAB1_ID'
-      }
-    });
-  }
-
-  toggleTabBarVisibility(componentId, visible) {
-    Navigation.mergeOptions(componentId, {
-      bottomTabs: {
-        visible,
-        drawBehind: true,
-        animate: true
-      }
-    });
-  }
-
-  hideTabBarOnPush() {
-    Navigation.push(this.props.componentId, {
-      component: {
-        name: 'navigation.playground.PushedScreen'
-      }
-    });
-  }
-
-  showSideMenu(side) {
-    Navigation.mergeOptions(this.props.componentId, {
-      sideMenu: {
-        [side]: {
-          visible: true
-        }
-      }
-    });
-  }
-
-  onClickPop() {
-    Navigation.pop(this.props.componentId);
-  }
-}
-
-module.exports = TextScreen;
-
-const styles = {
-  root: {
-    flexGrow: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#E3DCC3'
-  },
-  h1: {
-    fontSize: 24,
-    textAlign: 'center',
-    margin: 10
-  },
-  h2: {
-    fontSize: 12,
-    textAlign: 'center',
-    margin: 10
-  },
-  footer: {
-    fontSize: 10,
-    color: '#888',
-    marginTop: 10
-  }
-};

playground/src/screens/index.js

@@ -16,7 +16,7 @@ const Screens = require('./Screens');
 function registerScreens() {
   Navigation.registerComponent(Screens.Layouts, () => require('./LayoutsScreen'));
   Navigation.registerComponent(Screens.Options, () => require('./OptionsScreen'));
-  Navigation.registerComponent(Screens.StackScreen, () => require('./StackScreen'));
+  Navigation.registerComponent(Screens.Stack, () => require('./StackScreen'));
   Navigation.registerComponent(Screens.Pushed, () => require('./PushedScreen'));
   Navigation.registerComponent(Screens.Modal, () => require('./ModalScreen'))
   Navigation.registerComponent(Screens.Navigation, () => require('./NavigationScreen'));