React Native：文本

在 React Native 中，你可以使用 Text 组件来显示文本。以下是一个简单的例子：

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

const App = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>Hello, React Native!</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    fontSize: 20,
    fontWeight: 'bold',
    color: 'blue',
  },
});

export default App;

在这个例子中，我们使用了 Text 组件，并通过 style 属性设置了一些文本的样式，如字体大小、加粗和颜色。你可以根据需要调整这些样式属性。

此外，Text 组件可以包含嵌套的文本和其他组件，从而创建复杂的文本布局。

转载请注明出处：http://www.pingtaimeng.com/article/detail/9476/React Native