如何使用 React Native 從另一個頁面知道 flipToggle 的值

Question

我是 React Native 的新手，我必須訪問 homeScreen 和 profileScreen 的頁面，在配置文件屏幕中有一個 flipToggle，在 homeScreen 中有一個函數，如果打開 flipToggle（我將使用 if 語句），我的問題是當我在主屏幕時如何知道使用 react native 是打開還是關閉了 flipToggle

Answer 1

我認為您可能正在使用 React Navigation，因此您可以在導航到路由時將參數傳遞給它，例如：

navigation.navigate('HomeScreen', { 
  flipToggle: yourFlipToggleVariable // true or false
})

在您的主屏幕中，您可以使用navigation.getParam檢索此參數，例如：

// The second parameter is a default value    
navigation.getParam('flipToggle', false)

但是，如果您想觀看 flipToggle 變量，我建議您使用 redux 或 context (React.createContext) 搜索狀態管理

一些有用的鏈接：

https://reactnavigation.org/docs/navigation-prop/#navigate

https://reactjs.org/docs/context.html

https://redux.js.org/introduction/getting-started

https://redux.js.org/basics/example/