/react-native-flowlayout

基于RN实现标签云布局，Android与iOS

Primary LanguageJavaScriptMIT LicenseMIT

react-native-flowlayout

release License MIT

FlowLayout 标签布局，适用于Android与iOS

效果图

安装

终端run npm i react-native-flowlayout --save

使用

js中引入import FlowLayout from 'react-native-flowlayout'

render方法中

<FlowLayout/>

or

<FlowLayout ref="flow" multiselect={false} dataValue={this.state.monitorValue}/>

API

Props Type Default Description
style View.propTypes.style flowlayout style
dataValue PropTypes.array ["标签1", "标签2", "标签3标签4标签4", "标签4", "标签5", "标签5标签6", "标签7", "标签8", "标签9", "标签10标签8"] 数据
multiselect PropTypes.bool true 支持多选
  • getSelectedPosition 返回已选中的位置，类型[]
  • resetData 重置选中状态即不选中

说明

欢迎大家issue、star、pull request

License

MIT