split style

Author: 7kfpun

index.js

@@ -22,6 +22,9 @@ var SettingsView = require('./App/Views/Settings');
 var StocksView = require('./App/Views/Stocks');
 var WebView = require('./App/Views/Web');
 
+// Styles
+var styles = require('./style');
+
 Platform.OS === 'ios' ? StatusBarIOS.setStyle('light-content', false): null;
 
 var Finance = React.createClass({
@@ -136,41 +139,4 @@ var Finance = React.createClass({
   }
 });
 
-var styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: 'black',
-  },
-  buttonText: {
-    fontSize: 17,
-    fontWeight: '500',
-  },
-  statusBar: {
-    height: 20,
-  },
-  navBar: {
-    height: 44,
-    backgroundColor: '#141414',
-    justifyContent: 'space-between',
-  },
-  navBarText: {
-    fontSize: 18,
-    marginVertical: 10,
-  },
-  navBarTitleText: {
-    color: 'white',
-    fontWeight: '500',
-    marginVertical: 9,
-  },
-  navBarLeftButton: {
-    paddingLeft: 10,
-  },
-  navBarRightButton: {
-    paddingRight: 10,
-  },
-  navBarButtonText: {
-    color: '#3CABDA',
-  },
-});
-
 module.exports = Finance;

style.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var React = require('react-native');
+
+var {
+  StyleSheet,
+} = React;
+
+module.exports = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'black',
+  },
+  buttonText: {
+    fontSize: 17,
+    fontWeight: '500',
+  },
+  statusBar: {
+    height: 20,
+  },
+  navBar: {
+    height: 44,
+    backgroundColor: '#141414',
+    justifyContent: 'space-between',
+  },
+  navBarText: {
+    fontSize: 18,
+    marginVertical: 10,
+  },
+  navBarTitleText: {
+    color: 'white',
+    fontWeight: '500',
+    marginVertical: 9,
+  },
+  navBarLeftButton: {
+    paddingLeft: 10,
+  },
+  navBarRightButton: {
+    paddingRight: 10,
+  },
+  navBarButtonText: {
+    color: '#3CABDA',
+  },
+});