Text是React Native 中被广泛使用的组件,下面介绍Text中一些常用属性:
style
属性描述:指定 Text 组件的样式
示例代码:
<Text style=>这是一个红色字体,字体大小为20的 Text 组件</Text>
numberOfLines
属性描述:指定文本显示的最大行数
示例代码:
<Text numberOfLines={2}>这是一个只显示两行文本的 Text 组件</Text>
ellipsizeMode
属性描述:当文本内容超过 Text 组件的宽度时,控制文本行为的裁剪方式
示例代码:
<Text ellipsizeMode='tail'>这是一段长度很长的文本内容,当文本超出组件宽度时,将截断尾部并附加省略号</Text>
allowFontScaling
属性描述:决定是否允许字体随着系统字体大小变化而自动调整
示例代码:
<Text allowFontScaling={true}>这是一个可自动调整字体大小的文本组件</Text>
selectable
属性描述:指定用户是否可以长按文本内容并选择文本
示例代码:
<Text selectable={true}>这段文字可以被长按并选中</Text>
onPress
属性描述:指定当用户点击 Text 组件时调用的回调函数
示例代码:
<Text onPress={() => {console.log('被点击了')}}>点我一下</Text>
testID
属性描述:指定一个用于测试的唯一标识符
示例代码:
<Text testID='myUniqueId'>这是 Text 组件的测试标识符</Text>