探索React Native全栈示例项目: 构建高效跨平台应用




import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
 
export default function App() {
  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>Welcome to React Native!</Text>
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});

这段代码展示了如何使用React Native创建一个简单的移动应用，其中包含了一个基本的视图和文本组件。StyleSheet.create用于定义文本和容器视图的样式，这些样式将应用于组件并影响它们的外观。这是学习React Native的一个很好的起点，因为它演示了基本的UI组件用法和样式定义。

探索React Native全栈示例项目: 构建高效跨平台应用

评论已关闭

推荐阅读