在屏幕上响应本机传递的数据
在屏幕上响应本机传递的数据
提问于 2017-10-02 13:56:18
我在react-native应用程序上遇到了一些麻烦。我不知道如何在屏幕上传递数据。
我意识到还有其他类似的问题也得到了回答，但这些解决方案对我来说并不管用。
我正在使用StackNavigator。这是我在App.js文件中的设置。
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数据。
因此，当我检查Category屏幕中的数据时，它会返回未定义的数据。我尝试了以下方法：
this.props.category
this.props.navigation.state.category;
this.props.navigation.state.params.category如何才能准确地访问我在navigate方法中传递的数据？
navigate('Category', { category: id });编辑:这是我的实际代码结构：
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>
);
}Stack Overflow用户
发布于 2019-03-26 13:13:11
使用下面的代码片段，您可以使用一些值导航到另一个屏幕。
navigate({ Home: 'HomeScreen', params: { username: 'abcd' } })您可以在HomeScreen上收集参数，
this.props.navigation.state.params.username页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46526939
复制相关文章
相似问题
腾讯云开发者
