如何在Actions.SCENE_KEY中使用變量（反應本地路由器通量）

請原諒我，如果這是簡單的我忽略。我對編程相當陌生，對React和React Native更新。如何在Actions.SCENE_KEY中使用變量（反應本地路由器通量）

我正在構建一個簡單的導航抽屜。

抽屜顯示一個Menu組件，該組件具有返回以下內容的renderMenuItem(item)函數。

<Button onPress={() => this._onItemSelect(item)} style={styles.navItem} >{item}</Button>

它負責將正確標記的按鈕返回到渲染功能。

我遇到的問題是，當它到達onItemSelect funtion，

_onItemSelect(item) { 
    // handle action to render the new page! 

    Actions.item  // Won't work 
    //Actions.Page2  // Hardcoding the scene here won't work either 
    );

我不能按下按鈕時，實際顯示的新景象。如果我要將場景硬編碼到按鈕中的onPress()函數中，我可以使其工作。例如：

<Button onPress={Actions.Page2} style={styles.navItem} >{item}</Button>

很明顯，這是行不通的。我需要的是能夠在功能renderMenuItem(item)函數或onItemSelect(item)函數中使用項目。

謝謝。自從昨晚試圖找出這個問題以來，我一直在破壞我的大腦。

來源

2016-12-07 StevenAntonio

問題是Actions.SCENE_KEY是一個可以調用的函數，當這樣做時導航器將執行該操作。當你做<Button onPress={Actions.Page2}時，它會起作用，因爲按鈕需要一個函數引用作爲onPress屬性，並在適當的時候爲你調用它。你只需要你的代碼更改爲：

_onItemSelect(item) { 
    // handle action to render the new page! 

    Actions.Page2(); 
);

而且，由於你依賴的item值，你可以把它作爲一個道具，到組件，如下所示：

_onItemSelect(item) { 
    // handle action to render the new page! 

    Actions.Page2({item: item}); 
);

然後，你的下一個屏幕將會收到通常的道具加上一個叫做item的新道具以及你通過的值。

來源

2016-12-07 21:20:00 martinarroyo

儘管這並沒有完全解決我的擔憂，但確實讓我走上了正確的道路。我想要的是一種使用item（其中包含按下按鈕的名稱）作爲動作的方式。（例如：'Actions.item（）'）這沒有用。不過，我只是在_onItemSelect函數中使用了一個switch語句。（item）{ case「page one」： Actions.PageOne（）; 休息; 案例「第二頁」：操作。PageTwo（）; 休息; }' 非常感謝您的幫助。 – StevenAntonio

有點晚了，但可能會幫助別人。

使用括號符號調用函數動態

_onItemSelect(item) { 
    Actions[item](); 
);

變量item應該是從你的路由/場景的關鍵。

來源

2017-05-14 09:16:28

如何在Actions.SCENE_KEY中使用變量（反應本地路由器通量）

回答

相關問題