標籤:ios react native
UILabel建立(React Native)by 伍雪穎
'use strict';var React = require('react-native');var { AppRegistry, StyleSheet, View, Text,} = React;class UILabel extends React.Component { render() { return ( <View style={styles.bgview}> <Text style = {styles.label}> Hello, React Native! </Text> </View> ); }}class SampleApp extends React.Component { render() { return ( <React.NavigatorIOS style={styles.container} initialRoute={{ title: 'My App', component: UILabel, }}/> ); }}var styles = React.StyleSheet.create({ container: { flex: 1 }, bgview: { backgroundColor: '#eeeeee', paddingTop: 75, paddingLeft: 10, paddingRight: 10, paddingBottom: 10, }, label: { alignItems:'center', backgroundColor:'#ff0000', fontSize:20, textAlign:'center', margin:50, },});React.AppRegistry.registerComponent('SampleApp', function() { return SampleApp });
UILabel建立(React Native)