chore(infra): first container

Author: mydearxym

containers/CommunityBanner/index.js

@@ -0,0 +1,41 @@
+import React from 'react'
+import styled from 'styled-components/native'
+
+import {
+  Image,
+  Platform,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native'
+import { WebBrowser } from 'expo'
+
+import { MonoText } from '../../components/StyledText'
+import {
+  Wrapper,
+  StyledText2,
+  ScrollViewWrapper,
+  StartedWrapper,
+} from './styles'
+
+class CommunityBannerContainer extends React.Component {
+  static navigationOptions = {
+    header: null,
+  }
+
+  render() {
+    return (
+      <Wrapper>
+        <ScrollViewWrapper>
+          <StartedWrapper>
+            <StyledText2>CPS - RN 客户端</StyledText2>
+            <Text>hello coderplanets</Text>
+          </StartedWrapper>
+        </ScrollViewWrapper>
+      </Wrapper>
+    )
+  }
+}
+
+export default CommunityBannerContainer

containers/CommunityBanner/styles/index.js

@@ -0,0 +1,23 @@
+import styled from 'styled-components/native'
+
+import { ScrollView } from 'react-native'
+
+export const Wrapper = styled.View`
+  flex: 1;
+  background-color: #354450;
+`
+export const StyledText2 = styled.Text`
+  color: tomato;
+  font-weight: bold;
+`
+
+export const ScrollViewWrapper = styled.ScrollView`
+  flex: 1;
+  background-color: #fff;
+  padding-top: 30;
+`
+
+export const StartedWrapper = styled.View`
+  align-items: center;
+  margin-horizontal: 50;
+`

screens/HomeScreen.js

@@ -12,6 +12,8 @@ import {
 } from 'react-native'
 import { WebBrowser } from 'expo'
 
+import CommunityBanner from '../containers/CommunityBanner'
+
 import { MonoText } from '../components/StyledText'
 
 export default class HomeScreen extends React.Component {
@@ -37,19 +39,7 @@ export default class HomeScreen extends React.Component {
             />
           </View>
 
-          <View style={styles.getStartedContainer}>
-            {this._maybeRenderDevelopmentModeWarning()}
-
-            <StyledText>CPS 客户端</StyledText>
-
-            <View
-              style={[styles.codeHighlightContainer, styles.homeScreenFilename]}
-            >
-              <MonoText style={styles.codeHighlightText}>
-                screens/HomeScreen.js
-              </MonoText>
-            </View>
-          </View>
+          <CommunityBanner />
 
           <View style={styles.helpContainer}>
             <TouchableOpacity