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 });