1.0.3 • Published 3 years ago
react-native-nestedlist v1.0.3
react-native-nestedlist
UI component for React Native to create list and sublist views.
#config
Edit android/app/build.gradle
and add the following:
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
Usage
npm i react-native-nestedlist
import NestedList from 'react-native-nestedlist'
const data = [{title:'Topic 1' , items :[{"sub_topic_id":1,"sub_topic_name":"Subtopic 1","is_selected":false},{"sub_topic_id":2,"sub_topic_name":"Subtopic 2","is_selected":false},{"sub_topic_id":3,"sub_topic_name":"Subtopic 3","is_selected":false}],opened:false},
{title:'Topic 2' , items :[{"sub_topic_id":1,"sub_topic_name":"Subtopic 1","is_selected":false},{"sub_topic_id":2,"sub_topic_name":"Subtopic 2","is_selected":false},{"sub_topic_id":3,"sub_topic_name":"Subtopic 3","is_selected":false}],opened:false}]
<NestedList
topicsData={topicsData}
setTopic={setTopic}
setSubTopic={setSubTopic}
>
</NestedList>
Props
data : Array of nested itesms
setTopic : open/close topic items
setSubTopic : check/uncheck suptopic items for each topic
select/deselect all subtopics
topic title style
subTopic title style
select/deseletc button title style