Skip to content

Commit 2bebfca

Browse files
committed
update Readme
1 parent 873ad26 commit 2bebfca

File tree

1 file changed

+29
-23
lines changed

1 file changed

+29
-23
lines changed

README.md

Lines changed: 29 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)