我遇到了一些麻烦react-native应用程序。我不知道如何跨屏幕传递数据。
我意识到还有其他类似的问题在 SO 上得到了回答，但是这些解决方案对我来说不起作用。
我正在使用StackNavigator。这是我的设置App.js file.
export default SimpleApp = StackNavigator({
Home: { screen: HomeScreen },
Categories: { screen: CategoriesScreen }, // send from here
Category: { screen: CategoryScreen } // to here
});
我有一个TouchableHighlight组件有一个onPress将导航到所需屏幕的事件。这是我的Categories.js文件/屏幕。
<TouchableHighlight onPress={(id) => {
const { navigate } = this.props.navigation;
navigate('Category', { category: id });
}}>
<Text>{name}</Text>
</TouchableHighlight>
当我单击该元素时，屏幕确实切换到category，但是它无法发送props data.
所以当我检查我的数据时Category屏幕上，它返回未定义。我尝试过以下方法：
this.props.category
this.props.navigation.state.category;
this.props.navigation.state.params.category
我究竟如何访问我传入的数据
这navigate method?
navigate('Category', { category: id });
编辑：这是我的实际代码结构：
The data来自一个API.
for (var i = 0; i < data.length; i++) {
var name = data[i].name;
var id = data[i].id;
categoryComponents.push(
<Card key={id}>
<CardItem>
<Body>
<TouchableHighlight onPress={(id) => {
const { navigate } = this.props.navigation;
navigate('Category', { params: { category: id } });
}}>
<Text>{name + " " + id}</Text>
</TouchableHighlight>
</Body>
</CardItem>
</Card>
);
}
