viniciuswovst / react-native-picker-checkbox Goto Github PK

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import PickerCheckBox from 'react-native-picker-checkbox';


class App extends Component{

  constructor(props){
    super(props)
    this.items = [
      {
        itemKey:1,
        itemDescription:'Item 1'
        },
      {
        itemKey:2,
        itemDescription:'Item 2'
        },
      {
        itemKey:3,
        itemDescription:'Item 3'
        }
    ];
  }

  handleConfirm(pItems){
    console.log('pItems =>', pItems);
  }

  
  render() {
    return (
      <View style={{flex:1}}>
      <PickerCheckBox
        data={this.items}
        headerComponent={<Text style={{fontSize:25}} >items</Text>}
        OnConfirm={(pItems) => this.handleConfirm(pItems)}
        ConfirmButtonTitle='OK'
        DescriptionField='itemDescription'
        KeyField='itemKey'
        placeholder='select some items'
        arrowColor='#FFD740'
        arrowSize={10}
        placeholderSelectedItems ='$count selected item(s)'
        />
      </View>
    )
  }
}

export default App;