Как связать идентификатор как объект

Question

Я строю выставочный проект. При перемещении пользователя между экранами я использую (id) в качестве справочного материала, а на другом экране он будет отображать только определенные данные.

моя база данных использует номер id в качестве заголовка для данных, чтобы его можно было сослаться на него до того, как я использовал Ax ios, чтобы связать данные, но в этом проекте я не хочу использовать его, потому что он дает ошибки

Может кто-нибудь помочь с правильным синтаксисом pleeease?

Код первой страницы:

    import React from 'react';
    import {View,  StyleSheet, TouchableOpacity } from 'react-native';
    import { Text } from 'react-native-elements';


    const HomeScreen = ({navigation}) => {
        return (
            <View style = {styles.container}>
                <Text h3>Home Screen </Text>
                <TouchableOpacity onPress = {() => navigation.navigate('All')}>
                    <Text style = {styles.text}>
                        Go to Azkar Home 
                    </Text>
                </TouchableOpacity>
                <TouchableOpacity onPress = {() => navigation.navigate('Show')}>
                    <Text style = {styles.text}>
                        Go to Azkar Show 
                    </Text>
                </TouchableOpacity>
            </View>
        );
    };



    const styles = StyleSheet.create({
        container : {
            flex : 1,
            justifyContent : 'center',
            alignItems : 'center',
        }, 
        text : {
            fontSize : 24,
            textDecorationLine : 'underline',
            textDecorationColor : 'red',
            color : 'blue',
            fontStyle : 'italic'
        }
    });


    export default HomeScreen;

Вторая страница:

import React, {useState, useEffect} from 'react';
import {View, Text, StyleSheet, FlatList , TouchableOpacity, ImageBackground, Dimensions} from 'react-native';
import Spacer from '../components/Spacer';
import newData from '../Data/newData.json';



const SCREEN_WIDTH = Dimensions.get('window').width;
const SCREEN_HEIGHT = Dimensions.get('window').height;

const AzkarShowScreen = ({ navigation }) => {


    const id = navigation.getParam('id');


    return (
        <View style={styles.container}>
        <Text> {newData.id.name} </Text>
            <FlatList 
            data = {newData.id}
            keyExtractor = {(id) => id.id}
            renderItem = {({item}) => {
                return (
                    <View style = {styles.listContainer}>
                        <Text> {item.text} </Text>
                        <Text> {item.repeat} </Text>
                    </View>
                );
            }}
            />
        </View>
    );
};



const styles = StyleSheet.create({
    container : {
        flex : 1,
        alignItems : 'center',
        marginTop : 15,
    },
    textHead : {
        fontSize : 26,
        textDecorationLine : 'underline',
        fontWeight : 'bold'
    },
    textList : {
        fontSize : 20,
        fontStyle : 'italic',
        margin : 10,
        fontWeight : 'bold'
    },
    listContainer : {
        borderWidth : 1  ,
        justifyContent : 'center',
        alignItems : 'center',
        marginTop : 5,
        borderRadius : 7
    },
});


export default AzkarShowScreen;