From c793c3b48ee655f4bb302a677adbba32b07754c3 Mon Sep 17 00:00:00 2001
From: fabriziobertoglio1987 <fabrizio.bertoglio@gmail.com>
Date: Thu, 14 Jul 2022 22:28:50 +0800
Subject: [PATCH] flatlist-inverted ex add buttons

---
 .../js/examples/FlatList/FlatList-inverted.js | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js b/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js
index 2cd647fb3d048d..d54a2eeebcd09b 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js
@@ -76,11 +76,22 @@ const renderFlatList = ({item}) => <NestedFlatList item={item} />;
 function NestedFlatList(props) {
   const [items, setItems] = useState(DATA);
   const [disabled, setDisabled] = useState(false);
+  const [index, setIndex] = useState(DATA.length + 1);
   return (
     <View>
       <Button
         title="add an item"
-        onPress={() => setItems([...items, {title: 'new item'}])}
+        onPress={() => {
+          setItems([...items, {title: `new item ${index}`}]);
+          setIndex(index + 1);
+        }}
+      />
+      <Button
+        title="prepend an item"
+        onPress={() => {
+          setItems([{title: `new item ${index}`}, ...items]);
+          setIndex(index + 1);
+        }}
       />
       <Button
         title="remove an item"
@@ -91,12 +102,7 @@ function NestedFlatList(props) {
         }}
       />
       <Text>Flatlist</Text>
-      <FlatList
-        inverted
-        style={{height: 400}}
-        renderItem={renderItem}
-        data={items}
-      />
+      <FlatList style={{height: 400}} renderItem={renderItem} data={items} />
     </View>
   );
 }