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'
...
127.82KB
文件大小:
评论区