@@ -77,29 +77,35 @@ import { NestableScrollContainer, NestableDraggableFlatList } from "react-native
7777
7878...
7979
80- <NestableScrollContainer >
81- <Header text = ' List 1' />
82- <NestableDraggableFlatList
83- data = { data1 }
84- renderItem = { renderItem }
85- keyExtractor = { keyExtractor }
86- onDragEnd = { ({ data }) => setData1 (data )}
87- />
88- <Header text = ' List 2' />
89- <NestableDraggableFlatList
90- data = { data2 }
91- renderItem = { renderItem }
92- keyExtractor = { keyExtractor }
93- onDragEnd = { ({ data }) => setData2 (data )}
94- />
95- <Header text = ' List 3' />
96- <NestableDraggableFlatList
97- data = { data3 }
98- renderItem = { renderItem }
99- keyExtractor = { keyExtractor }
100- onDragEnd = { ({ data }) => setData3 (data )}
101- />
102- </NestableScrollContainer >
80+ const [data1, setData1] = useState (initialData1 );
81+ const [data2, setData2] = useState (initialData2 );
82+ const [data3, setData3] = useState (initialData3 );
83+
84+ return (
85+ <NestableScrollContainer >
86+ <Header text = ' List 1' />
87+ <NestableDraggableFlatList
88+ data = { data1 }
89+ renderItem = { renderItem }
90+ keyExtractor = { keyExtractor }
91+ onDragEnd = { ({ data }) => setData1 (data )}
92+ />
93+ <Header text = ' List 2' />
94+ <NestableDraggableFlatList
95+ data = { data2 }
96+ renderItem = { renderItem }
97+ keyExtractor = { keyExtractor }
98+ onDragEnd = { ({ data }) => setData2 (data )}
99+ />
100+ <Header text = ' List 3' />
101+ <NestableDraggableFlatList
102+ data = { data3 }
103+ renderItem = { renderItem }
104+ keyExtractor = { keyExtractor }
105+ onDragEnd = { ({ data }) => setData3 (data )}
106+ />
107+ </NestableScrollContainer >
108+ )
103109```
104110
105111![ Nested DraggableFlatList demo] ( https://i.imgur.com/Kv0aj4l.gif )
0 commit comments