react-native-highlighted-text:为文本片段定制样式的 React Native 组件

想为 React Native 文本中的某些部分单独设置样式吗? react-native-highlighted-text 组件帮你轻松搞定!

安装

使用 yarn 或 npm 安装:

yarn add react-native-highlighted-text

npm install react-native-highlighted-text

使用

很简单,将需要设置样式的文本用双重方括号 [[ ]] 包裹起来。例如:

[[Write your text here]]

然后,在组件的 highlightedTextStyles 属性中传入一个样式数组,方括号内的文本就会应用相应的样式。

import { HighlightedText } from 'react-native-highlighted-text'


...

zip 文件大小:127.82KB