react-native-searchable-treeview
v0.1.2
Published
Searchable treeview for react-native.
Downloads
18
Readme
react-native-searchable-treeview
Searchable treeview for react-native.
Installation
npm install react-native-searchable-treeview
or
yarn add react-native-searchable-treeview
Usage
import TreeView from 'react-native-searchable-treeview';
// ...
const [selectedIds, setSelectedIds] = React.useState([]);
return (
<TreeView
selectedIds={selectedIds}
setSelectedIds={setSelectedIds}
treeData={[]}
checkedColor={'#1E90FF'} //optional
switchCheckedColor={'#1E90FF'} //optional
searchPlaceHolder={'Enter at least 3 letters to search..'} //optional
notFoundText={'No Records Found.'} //optional
/>
);
Sample Data
[
{
isExpanded: false,
subs: [
{
isExpanded: false,
subs: [
{
isExpanded: false,
subs: [],
id: 3,
name: 'Node 1-1-1',
selected: false,
disabled: false,
},
],
id: 2,
name: 'Node 1-1',
selected: false,
disabled: false,
},
{
isExpanded: false,
subs: [
{
isExpanded: false,
subs: [],
id: 5,
name: 'Node 1-2-1',
selected: false,
disabled: false,
},
],
id: 4,
name: 'Node 1-2',
selected: false,
disabled: false,
},
],
id: 1,
name: 'Node 1',
selected: false,
disabled: false,
},
];