探索React Native的30天之旅




import React from 'react';
import { Text, View, StyleSheet } from 'react-native';
 
export default function App() {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>欢迎来到React Native的世界</Text>
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  title: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});

这段代码展示了如何在React Native应用中创建一个简单的视图，其中包含了一个文本标签。它使用了Flexbox布局来居中内容，并设置了背景色和文本样式。这是学习React Native的一个很好的起点。

探索React Native的30天之旅

评论已关闭

推荐阅读