react-native-dj-itemchooser

daojia react-native-dj-itemchooser

Usage no npm install needed!

<script type="module">
  import reactNativeDjItemchooser from 'https://cdn.skypack.dev/react-native-dj-itemchooser';
</script>

README

itemchooser

accordion

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