1.0.5 • Published 5 years ago
react-native-jrtagtext v1.0.5
React Native JRTagText
带标签的Text，效果见下图：
查看示例代码：Example/App.js
安装
npm install react-native-jrtagtext --save
用法
- 导入
import JRTagText from 'react-native-jrtagtext';
- 使用
<JRTagText
tag="标签"
content="这里放置你想显示的内容。这里放置你想显示的内容。这里放置你想显示的内容。"
/>- 效果：
属性说明
| 属性 | 类型 | 描述 |
|---|---|---|
| tag | String | 标签，不传或传空字符串，不显示标签 |
| content | String | 内容 |
| style | View Style Object | 最外层容器属性 |
| contentLineHeight | int | 内容和标签行高（默认为23） |
| tagBackStyle | View Style Object | 设置标签的背景视图属性 |
| tagTextStyle | Text Style Object | 设置标签的文本属性 |
| contentTextStyle | Text Style Object | 设置内容的文本属性 |
说明：所有属性均为非必传属性。