2017-05-07 5 views
3

私が反応ネイティブナビゲーターの例を試してみました:反応するネイティブナビゲータでパラメータを渡すにはどうすればいいですか?

const StudentStackNav = StackNavigator({ 
    Home: { 
    screen: StudentLogin, 
    } 
}); 

は、どのように私はStudentLoginにそれをStudentStackNavと渡すパラメータを渡すのですか?

<StudentStackNav name='Lucy'>を試しましたが、this.props.nameHomeでご利用いただけません。

+1

に文書化されています、実際にhttps://reactnavigation.org/docs/intro/#Passing-params – Cherniv

+0

@Chernivを私は、画面ではなくナビゲータにパラメータを渡したいと思います。 – PYL

答えて

7

ナビゲータコンポーネントの通常のプロンプトを使用してナビゲータを設定できます。

画面に任意の小道具を送信するには、screenPropsを使用する必要があります。例えばので

this.props.screenPropsとしてStudentLoginで利用できるようになります

<StudentStackNav screenProps={{ name: 'Lucy' }}/> 

screenPropsセクション "PARAMSを渡す"、 "はじめに" を見てみましょうthis page

+0

あなたは正しいです。そして、それは動作します。 – PYL

+0

偉大な、その横にあるチェックマークをクリックして答えを受け入れてください。 –

+0

この回答は正確であり、反応したネイティブサイトの文書よりはるかに役立ちます。注意点として、あなたは少数の人々がそれを行うように見えるにもかかわらず、同様のクラスのコンストラクタからこれらのプロパティにアクセスすることができます。 'Fooクラスは、コンポーネント{ \t \tコンストラクタ(小道具) \t \t { \t \t \tスーパーを(拡張します小道具); props.screenProps //アクセスする内容 \t \t} render(){ return null; } } – user883210

関連する問題