I would like to create a list from an array using getParam (transfer data between screens). The end result should look like this:

• Wiosła
• Deska
• Podciąganie

now I'm using Text, probably it can be work by FlatList (but nothing is displayed)

code:

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>
    )
}