Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Text 用于显示文本,在 web 端即 <span>
标签。
注意: Text 标签不支持嵌套,嵌套使用可能会导致意想不到的结果。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
style | 样式,默认 32 | object | {display:'block',fontSize:32} |
onPress | 点击事件 | function | |
numberOfLines | 显示的行数 | number | |
fixedFont | 字体大小是否固定,默认 false ,即跟随屏幕宽度缩放 | false |
// 超出 2 行隐藏且显示省略号
<View style={{ backgroundColor: '#cccccc' }}>
<Text
numberOfLines={2}
style={{
fontSize: 28,
textOverflow: 'ellipsis',
overflow: 'hidden',
color: '#333333',
lineHeight: 48,
height: 48 * 2
}}
>
Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex
to build a real mobile app.
</Text>
</View>
由于 rem 单位是根据屏幕宽度计算而自动缩放的:
750rem = 1 deviceWidth
因此,<Text style={{fontSize: 28}}>123</Text>
实际算出来的字号也是随着屏幕宽度缩放的。
某些场景下,为了避免屏幕超大、超小导致文字过大或过小,你可以选择 fixedFont 来固化字号的显示。
例如:<Text style={{fontSize: 28}} fixedFont={true}>123</Text>
这意味字体实际字号将被解析为:
web: 14px;
native iOS: 14 dp;
native android: 14 pt;
native 端的 dp
pt
确保了字号在任何不同 dpi 的手机屏幕上显示不会发生改变。
FAQs
The npm package nuke-text receives a total of 17 weekly downloads. As such, nuke-text popularity was classified as not popular.
We found that nuke-text demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.