React Native Text组件常用属性

Text组件常用属性

Posted by HuberyYang on September 3, 2022

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>