Me gustaría crear una lista a partir de una matriz usando getParam (transferir datos entre pantallas). El resultado final debería verse así:
ahora estoy usando Texto, probablemente puede funcionar con FlatList (pero no se muestra nada)
código:
import React, {useState} from "react"; import { Button, StyleSheet, Text, View, Pressable, FlatList, TouchableOpacity } from 'react-native'; import { globalStyles } from "../styles/global"; export default function PlanList({navigation}){ const [training, setTraining] = useState([ { title: 'Trening pleców', body: ['wiosła', 'deska', 'podciaganie'], key: '1' }, { title: 'Trening brzuch/uda/pośladki', body: ['odwodzenie', 'krab', 'martwy ciąg'], key: '2' }, { title: 'Trening ręce+klatka', body: ['rozpiętki', 'przyciąganie do skroni', 'bicek'], key: '3' }, ]); return( <View style={globalStyles.container}> <Text>Ułóż swoje bloki treningowe</Text> <Pressable><Text>Dodaj nowy</Text></Pressable> <FlatList data={training} renderItem={({item}) => ( <TouchableOpacity style={globalStyles.trainingGrup} onPress={() => navigation.navigate('Training', item)}> <Text>{item.title}</Text> </TouchableOpacity> )} ></FlatList> </View> ) } import React from "react"; import { StyleSheet, View, Text, Image, FlatList } from "react-native"; import { globalStyles , images} from "../styles/global"; export default function Training({navigation}){ return( <View style={globalStyles.container}> <Text> {navigation.getParam('body')} </Text> </View> ) }Si puedes acceder a los datos en la pantalla de Entrenamiento
deberías declarar una const
const {título} = ruta.parámetros;