diff --git a/App/App.js b/App/App.js
index bee3033b3..017eb645f 100644
--- a/App/App.js
+++ b/App/App.js
@@ -1,8 +1,8 @@
import React, { Component } from 'react'
-import HomeScreen from 'App/Containers/HomeScreen'
import { Provider } from 'react-redux'
import { PersistGate } from 'redux-persist/lib/integration/react'
import createStore from 'App/Stores'
+import ExampleScreen from './Containers/Example/ExampleScreen'
const { store, persistor } = createStore()
@@ -21,7 +21,7 @@ export default class App extends Component {
* @see https://github.com/rt2zz/redux-persist/blob/master/docs/PersistGate.md
*/}
-
+
)
diff --git a/App/Containers/HomeScreen.js b/App/Containers/Example/ExampleScreen.js
similarity index 55%
rename from App/Containers/HomeScreen.js
rename to App/Containers/Example/ExampleScreen.js
index c99ca9d98..19c300bc8 100644
--- a/App/Containers/HomeScreen.js
+++ b/App/Containers/Example/ExampleScreen.js
@@ -1,18 +1,17 @@
import React from 'react'
-import { Platform, StyleSheet, Text, View, Button } from 'react-native'
+import { Platform, Text, View, Button } from 'react-native'
import { connect } from 'react-redux'
import { PropTypes } from 'prop-types'
import ExampleActions from 'App/Stores/Example/Actions'
import { isHot } from 'App/Stores/Example/Selectors'
-import Fonts from 'App/Theme/Fonts'
-import ApplicationStyles from 'App/Theme/ApplicationStyles'
+import Style from './ExampleScreenStyle'
const instructions = Platform.select({
ios: 'Press Cmd+R to reload,\nCmd+D or shake for dev menu.',
android: 'Double tap R on your keyboard to reload,\nShake or press menu button for dev menu.',
})
-class HomeScreen extends React.Component {
+class ExampleScreen extends React.Component {
componentDidMount() {
this.props.fetchTemperature()
}
@@ -24,36 +23,20 @@ class HomeScreen extends React.Component {
}
return (
-
- Welcome to React Native!
- To get started, edit App.js
- {instructions}
- The weather temperature is: {temperature}
- {this.props.isHot ? "It's pretty hot!" : ''}
- {this.props.temperatureErrorMessage}
+
+ Welcome to React Native!
+ To get started, edit App.js
+ {instructions}
+ The weather temperature is: {temperature}
+ {this.props.isHot ? "It's pretty hot!" : ''}
+ {this.props.temperatureErrorMessage}
)
}
}
-const styles = StyleSheet.create({
- container: {
- ...ApplicationStyles.screen.container,
- },
- title: {
- ...Fonts.style.h1,
- textAlign: 'center',
- margin: 10,
- },
- text: {
- ...Fonts.style.normal,
- textAlign: 'center',
- marginBottom: 5,
- },
-})
-
-HomeScreen.propsTypes = {
+ExampleScreen.propsTypes = {
temperature: PropTypes.number,
temperatureErrorMessage: PropTypes.string,
}
@@ -72,4 +55,4 @@ const mapDispatchToProps = (dispatch) => ({
export default connect(
mapStateToProps,
mapDispatchToProps
-)(HomeScreen)
+)(ExampleScreen)
diff --git a/App/Containers/Example/ExampleScreenStyle.js b/App/Containers/Example/ExampleScreenStyle.js
new file mode 100644
index 000000000..cdc690be6
--- /dev/null
+++ b/App/Containers/Example/ExampleScreenStyle.js
@@ -0,0 +1,19 @@
+import { StyleSheet } from 'react-native'
+import Fonts from 'App/Theme/Fonts'
+import ApplicationStyles from 'App/Theme/ApplicationStyles'
+
+export default StyleSheet.create({
+ container: {
+ ...ApplicationStyles.screen.container,
+ },
+ title: {
+ ...Fonts.style.h1,
+ textAlign: 'center',
+ margin: 10,
+ },
+ text: {
+ ...Fonts.style.normal,
+ textAlign: 'center',
+ marginBottom: 5,
+ },
+})