UILabel创建(React Native)

前端之家收集整理的这篇文章主要介绍了UILabel创建(React Native)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

猜你在找的React相关文章