Think of it like this, I have fruits. But on that list, there is no mangos. I want to add mangos right there at the android emulator. There is a search bar, I was thinking of making this search button also a data input field. Is it possible? Here is my simplified example code, it is very identical to this:
import React, { Component } from 'react';
import { View } from 'react-native';
import Icon from 'react-native-vector-icons/MaterialIcons'
import SectionedMultiSelect from 'react-native-sectioned-multi-select';
const items = [ // this is the parent or 'item' { name: 'Fruits', id: 0, // these are the children or 'sub items' children: [ { name: 'Apple', id: 10, }, { name: 'Strawberry', id: 17, }, { name: 'Pineapple', id: 13, }, { name: 'Banana', id: 14, }, { name: 'Watermelon', id: 15, }, { name: 'Kiwi fruit', id: 16, }, ], }, { // next parent item },
];
export default class App extends Component { constructor() { super(); this.state = { selectedItems: [], }; } onSelectedItemsChange = (selectedItems) => { this.setState({ selectedItems }); }; render() { return ( <View> <SectionedMultiSelect items={items} IconRenderer={Icon} uniqueKey="id" subKey="children" selectText="Choose some things..." showDropDowns={true} readOnlyHeadings={true} onSelectedItemsChange={this.onSelectedItemsChange} selectedItems={this.state.selectedItems} /> </View> ); }
}
