README
itemchoose
Install
npm i --save react-native-dj-itemchoose
Usage
Using in your app will usually look like this:
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TouchableHighlight,
} from 'react-native';
import ItemChooser from 'react-native-dj-itemchoose';
let data = [
{name:'1年',disabled:false},
{name:'2年',disabled:true},
{name:'3年',disabled:true}
];
export default class NPMTest extends Component {
render() {
let icons = [require('./images/success_black.png'), require('./images/error_black.png')];
return (
<View style={{marginTop:20}}>
<ItemChooser selectedIndex={-1} dataList={data} icon={require('./NPM/react-native-dj-itemchoose/images/selected.png')} onChoose={(item, i)=>{console.log('choosed',item);}}/>
</View>
);
}
}
AppRegistry.registerComponent('xxx', () => NPMTest);
Props
The following props can be used to modify the style and/or behaviour:
Prop | Type | Opt/Required | Default | Note |
---|---|---|---|---|
icon |
object | Option | `` | 选中行显示的icon,require('image!selected')/{uri:'selected.png'} |
selectedIndex |
int | Option | 0 |
选中行的索引 |
dataList |
array | Required | [] |
显示的数据 |
onChoose |
function | Option | ()=>{} |
选中后的行为,默认为选中后显示选中的图标,如有其它行为,可以加到这属性里 |
Methods
The following methods can be used to open and close the Dialog:
Method | Parameters | Note |
---|