Question

您好我是RN的新手，我的反应导航没什么问题。我想从数组中写出盒子。每个盒子都有相同的导航路径。我想这是导航外部组件的问题，但我不知道如何解决它。

CODE：

{{1}}

Error screen

感谢您的每一个答案。

Answer 1

错误消息表明导航对象未作为属性传递到组件中。

您需要将导航对象从渲染功能传递到WriteTeams组件，以使其在您的代码中可用。

我复制并修改了您的代码以帮助解释

WriteTeams(navigation) {
    return teams_array.map(function(Teams, i){
        return(
            <View key={i}>
                <TouchableHighlight
                    onPress={() => navigation.navigate('TeamDetail')}
                >
                    <Text>{Teams.TeamName}</Text>
                </TouchableHighlight>
            </View>
        );
    });
}
render(){
    return (
        <ScrollView>
            <View>
                <View>
                    {this.WriteTeams(this.props.navigation)}
                </View>
            </View>
        </ScrollView>
    )
}
const teams_array = [
    { TeamName: "Some team" },
    { TeamName: "Some team2" }
]

反应导航：导航组件外部|地图功能

1 个答案: