move to moduleJS

playground/src/app.js

@@ -1,6 +1,5 @@
-import Navigation from 'react-native-navigation';
-
-import { registerContainers } from './containers';
+const Navigation = require('react-native-navigation');
+const { registerContainers } = require('./containers');
 
 function start() {
   registerContainers();

playground/src/containers/LifecycleScreen.js

@@ -1,7 +1,9 @@
-import React, { Component } from 'react';
-import { View, Text, Button } from 'react-native';
+const React = require('react');
+const { Component } = require('react');
 
-import Navigation from 'react-native-navigation';
+const { View, Text, Button } = require('react-native');
+
+const Navigation = require('react-native-navigation');
 
 class LifecycleScreen extends Component {
   constructor(props) {
@@ -41,7 +43,7 @@ class LifecycleScreen extends Component {
     });
   }
 }
-export default LifecycleScreen;
+module.exports = LifecycleScreen;
 
 const styles = {
   root: {

playground/src/containers/ModalScreen.js

@@ -1,12 +1,11 @@
-import _ from 'lodash';
-import React, { Component } from 'react';
-import {
-  View,
-  Text,
-  Button
-} from 'react-native';
+const _ = require('lodash');
 
-import Navigation from 'react-native-navigation';
+const React = require('react');
+const { Component } = require('react');
+
+const { View, Text, Button } = require('react-native');
+
+const Navigation = require('react-native-navigation');
 
 class ModalScreen extends Component {
   constructor(props) {
@@ -106,4 +105,4 @@ const styles = {
   }
 };
 
-export default ModalScreen;
+module.exports = ModalScreen;

playground/src/containers/OptionsScreen.js

@@ -1,11 +1,9 @@
-import React, { Component } from 'react';
-import {
-  View,
-  Text,
-  Button
-} from 'react-native';
+const React = require('react');
+const { Component } = require('react');
 
-import Navigation from 'react-native-navigation';
+const { View, Text, Button } = require('react-native');
+
+const Navigation = require('react-native-navigation');
 
 class OptionsScreen extends Component {
   static get navigationOptions() {
@@ -89,4 +87,4 @@ const styles = {
   }
 };
 
-export default OptionsScreen;
+module.exports = OptionsScreen;

playground/src/containers/PushedScreen.js

@@ -1,12 +1,11 @@
-import _ from 'lodash';
-import React, { Component } from 'react';
-import {
-  View,
-  Text,
-  Button
-} from 'react-native';
+const _ = require('lodash');
 
-import Navigation from 'react-native-navigation';
+const React = require('react');
+const { Component } = require('react');
+
+const { View, Text, Button } = require('react-native');
+
+const Navigation = require('react-native-navigation');
 
 class PushedScreen extends Component {
   constructor(props) {
@@ -89,4 +88,4 @@ const styles = {
   }
 };
 
-export default PushedScreen;
+module.exports = PushedScreen;

playground/src/containers/ScrollViewScreen.js

@@ -1,12 +1,9 @@
-import React, { Component } from 'react';
-import {
-  StyleSheet,
-  ScrollView,
-  View,
-  Button
-} from 'react-native';
+const React = require('react');
+const { Component } = require('react');
 
-import Navigation from 'react-native-navigation';
+const { StyleSheet, ScrollView, View, Button } = require('react-native');
+
+const Navigation = require('react-native-navigation');
 
 class ScrollViewScreen extends Component {
   static get navigationOptions() {
@@ -39,6 +36,7 @@ class ScrollViewScreen extends Component {
     });
   }
 }
+module.exports = ScrollViewScreen;
 
 const styles = StyleSheet.create({
   contentContainer: {
@@ -47,4 +45,3 @@ const styles = StyleSheet.create({
     height: 1000
   }
 });
-export default ScrollViewScreen;

playground/src/containers/TextScreen.js

@@ -1,11 +1,11 @@
-import _ from 'lodash/math';
-import React, { Component } from 'react';
-import {
-  View,
-  Text,
-  Button
-} from 'react-native';
-import Navigation from 'react-native-navigation';
+const _ = require('lodash/math');
+
+const React = require('react');
+const { Component } = require('react');
+
+const { View, Text, Button } = require('react-native');
+
+const Navigation = require('react-native-navigation');
 
 class TextScreen extends Component {
   render() {
@@ -14,7 +14,7 @@ class TextScreen extends Component {
         <Text style={styles.h1}>{this.props.text || 'Text Screen'}</Text>
         {this.renderTextFromFunctionInProps()}
         <Text style={styles.footer}>{`this.props.containerId = ${this.props.containerId}`}</Text>
-        <Button title={'setTabBadge'} onPress={() => this.onButtonPress()}/>
+        <Button title={'setTabBadge'} onPress={() => this.onButtonPress()} />
       </View>
     );
   }
@@ -34,6 +34,7 @@ class TextScreen extends Component {
     });
   }
 }
+module.exports = TextScreen;
 
 const styles = {
   root: {
@@ -59,4 +60,3 @@ const styles = {
   }
 };
 
-export default TextScreen;

playground/src/containers/WelcomeScreen.js

@@ -1,7 +1,8 @@
-import React, { Component } from 'react';
-import { View, Text, Button } from 'react-native';
+const React = require('react');
+const { Component } = require('react');
+const { View, Text, Button } = require('react-native');
 
-import Navigation from 'react-native-navigation';
+const Navigation = require('react-native-navigation');
 
 class WelcomeScreen extends Component {
   constructor(props) {
@@ -132,7 +133,7 @@ class WelcomeScreen extends Component {
   }
 }
 
-export default WelcomeScreen;
+module.exports = WelcomeScreen;
 
 const styles = {
   root: {

playground/src/containers/index.js

@@ -1,11 +1,11 @@
-import Navigation from 'react-native-navigation';
-import WelcomeScreen from './WelcomeScreen';
-import TextScreen from './TextScreen';
-import PushedScreen from './PushedScreen';
-import LifecycleScreen from './LifecycleScreen';
-import ModalScreen from './ModalScreen';
-import OptionsScreen from './OptionsScreen';
-import ScrollViewScreen from './ScrollViewScreen';
+const Navigation = require('react-native-navigation');
+const WelcomeScreen = require('./WelcomeScreen');
+const TextScreen = require('./TextScreen');
+const PushedScreen = require('./PushedScreen');
+const LifecycleScreen = require('./LifecycleScreen');
+const ModalScreen = require('./ModalScreen');
+const OptionsScreen = require('./OptionsScreen');
+const ScrollViewScreen = require('./ScrollViewScreen');
 
 function registerContainers() {
   Navigation.registerContainer(`navigation.playground.ScrollViewScreen`, () => ScrollViewScreen);

playground/src/index.js

@@ -1,3 +1,3 @@
-import { start } from './app';
+const { start } = require('./app');
 
 start();