2017-10-03 27 views
0

プレスボタンで1画面から別の画面にデータを渡しています。第1画面から第2画面に渡された第2画面にデータを表示する方法

home.jsこの製品に

goPressed(shareproductid){  
    this.props.navigation.navigate(
     'Products', 
     shareproductid, 
     console.log(shareproductid) 
    ); 
    } 


    <TouchableHighlight onPress={() => this.goPressed(item.p1.shareproductid)} style={styles.button}> 
    <Text style={styles.buttonText}> 
     Go 
    </Text> 
    </TouchableHighlight> 

Products.js

import React, { Component } from "react"; 
    import { View, Text } from "react-native"; 

    export default class Products extends Component { 
    static navigationOptions = { 
     title: "Products", 
    }; 

    render() { 
     return (
       const { params } = this.props.navigation.state; 

     <View> 
      <Text>{this.params.shareproductid}</Text> 

     </View> 
    ); 
    } 
    } 

:私は別の画面でデータを表示すると問題が...次

が私のコードですがあります。 js私はshareproductidを表示する必要がありますので、どのように表示してください...

+0

峠それは – assembler

答えて

1

T

goPressed(shareproductid) { 
    const { navigate } = this.props.navigation; 
    const params = { shareproductid }; 

    navigate('Products', params); 
} 

そしてProducts.jsこのようなでそれらをキャプチャ:彼はのparamsを対象にする必要が渡さ小道具として

render() { 
    const { params } = this.props.navigation.state; 

    return (
    <View> 
     <Text>{ params.shareproductid }</Text> 
    </View> 
); 
} 
+0

おかげで、それが働いていた多くのことを... –

関連する問題