react-native-setting-cell v1.0.2

react-native-setting-cell

封装了一个react-native的组件，类似设置页面的设置项或者个人信息里的信息项，通过传参的变化，灵活生成对应的样式，方便开发。

安装

安装npm依赖

npm install react-native-setting-cell --save

使用

在文件中引入setting-cell

import SettingCell from 'react-native-setting-cell'

• 纯文本的Cell

<SettingCell text='标题' subText='文本'/>

• 带图标的Cell

<SettingCell text='标题' icon={require('./icon/home.png')}/>

• 带跳转的的Cell

<SettingCell text='标题' onPress={()=>{alert(1)}}/>

• 带开关的Cell

<SettingCell text='标题' mode='Switch' onChange={(val) => {alert(val)}}/>

• 修改文本的样式

<SettingCell text='标题' textStyle={{color:'#baba00', fontSize:20}} subText='文本' subTextStyle={{fontSize:16, color:'#000'}}/>

• 修改图标的样式

<SettingCell text='标题' icon={require('./icon/home.png')} iconStyle={{width:100}}/>

属性

Todo

• 增加各个组件的样式修改