React Native 開發之 (04) 例子講解

標籤：

 

index.ios.js

import React, { Component } from ‘react‘;import {  AppRegistry,  StyleSheet,  Text,  View} from ‘react-native‘;class Test extends Component {  render() {    return (      <View style={styles.container}>        <Text style={styles.welcome}>           Hello React Native123.        </Text>        <Text style={styles.instructions}>          To get started, edit index.ios.js        </Text>        <Text style={styles.instructions}>          Press Cmd+R to reload,{‘\n‘}          Cmd+D or shake for dev menu        </Text>      </View>    );  }}const styles = StyleSheet.create({  container: {    flex: 1,    justifyContent: ‘center‘,    alignItems: ‘center‘,    backgroundColor: ‘#F5FCFF‘,  },  welcome: {    fontSize: 20,    textAlign: ‘center‘,    margin: 10 ,    color: ‘red‘  },  instructions: {    textAlign: ‘center‘,    color: ‘#333333‘,    marginBottom: 5,  },});AppRegistry.registerComponent(‘Test‘, () => Test);

 

React Native 開發之 (04) 例子講解