diff --git a/docs/next/flatlist.html b/docs/next/flatlist.html index 290d41eae53..93f518c21a6 100644 --- a/docs/next/flatlist.html +++ b/docs/next/flatlist.html @@ -111,11 +111,15 @@ } export default function App() { - return ( + const renderItem = ({ item }) => ( + <Item title={item.title} /> + ); + + return ( <SafeAreaView style={styles.container}> <FlatList data={DATA} - renderItem={({ item }) => <Item title={item.title} />} + renderItem={renderItem} keyExtractor={item => item.id} /> </SafeAreaView> @@ -140,7 +144,7 @@ const styles = StyleSheet.create({
return ( + const renderItem = ({ item }) => ( + <Item + id={item.id} + title={item.title} + selected={!!selected.get(item.id)} + onSelect={onSelect} + /> + ); + + return ( <SafeAreaView style={styles.container}> <FlatList data={DATA} - renderItem={({ item }) => ( - <Item - id={item.id} - title={item.title} - selected={!!selected.get(item.id)} - onSelect={onSelect} - /> - )} + renderItem={renderItem} keyExtractor={item => item.id} extraData={selected} /> @@ -247,7 +253,7 @@ const styles = StyleSheet.create({
export default function App() { - return ( + const renderItem = ({ item }) => ( + <Item title={item.title} /> + ); + + return ( <SafeAreaView style={styles.container}> <FlatList data={DATA} - renderItem={({ item }) => <Item title={item.title} />} + renderItem={renderItem} keyExtractor={item => item.id} /> </SafeAreaView> @@ -140,7 +144,7 @@ const styles = StyleSheet.create({
return ( + const renderItem = ({ item }) => ( + <Item + id={item.id} + title={item.title} + selected={!!selected.get(item.id)} + onSelect={onSelect} + /> + ); + + return ( <SafeAreaView style={styles.container}> <FlatList data={DATA} - renderItem={({ item }) => ( - <Item - id={item.id} - title={item.title} - selected={!!selected.get(item.id)} - onSelect={onSelect} - /> - )} + renderItem={renderItem} keyExtractor={item => item.id} extraData={selected} /> @@ -247,7 +253,7 @@ const styles = StyleSheet.create({