/** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, { Component } from 'react'; import { //导入 需要用到什么组件导入什么组件 Platform, StyleSheet, //样式 Text, //文本组件 View //视图组件 } from 'react-native'; const instructions = Platform.select({ ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu', android: 'Double tap R on your keyboard to reload,\n' + 'Shake or press menu button for dev menu', }); type Props = {}; export default class App extends Component<Props> { render() {//初始化方法 类似于OC 的 viewdidLoad //返回 return ( <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Native!王云 </Text> <Text style={styles.instructions}> To get started, edit App.js </Text> <Text style={styles.instructions}> {instructions} </Text> </View> ); } } const styles = StyleSheet.create({ //样式 container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, }, instructions: { textAlign: 'center', color: '#333333', marginBottom: 5, }, });
RN 学习第一天
最新推荐文章于 2024-02-21 16:12:09 发布