UILabel创建(React Native)
by 伍雪颖
@H_301_11@'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 });