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 | |---|---|---|