1.0.0 • Published 7 years ago
react-native-dj-itemchooser v1.0.0
itemchooser
Install
npm i --save react-native-dj-itemchooser
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 Toast from 'react-native-dj-itemchooser';
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-itemchooser/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 |
---|
1.0.0
7 years ago