Voy a hacer una aplicación de lista de tareas. En la página principal, para mostrar la tarea de todolist, utilicé scrollview, pero quiero cambiarlo a FlatList.
<ScrollView width = {width-20}> {Object.values(tasks).map(item => ( <Task key = {item.id} item={item} deleteTask={_deleteTask} toggleTask={_toggleTask} updateTask={_updateTask}/> ))} </ScrollView>A lista plana
Más información aquí
<FlatList data={Object.values(tasks)} keyExtractor={(item)=>item?.id} renderItem={({item})=><Task key = {item.id} item={item} deleteTask={_deleteTask} toggleTask={_toggleTask} updateTask={_updateTask}/>} />Debido al rendimiento, recomiendo usar la variación cuando evitamos las funciones en línea. Si desea saber más sobre cómo optimizar el rendimiento nativo de FlatList de React: https://codingislove.com/optimize-react-native-flatlist-performance/
const renderItem = ({item})=><Task item={item} deleteTask={_deleteTask} toggleTask={_toggleTask} updateTask={_updateTask}/>; const keyExtractor = (item) => item.id; return ( <Flatlist data={Object.values(tasks)} renderItem={renderItem} keyExtractor={keyExtractor} /> );