反应导航时的粘滞视图

时间:2017-08-23 12:59:26

标签: react-native react-navigation react-android

我正在尝试构建一个移动应用,我们在整个应用中都有一个恒定的标题栏。我的身体有按钮..每个按钮导航到screen。我需要在每个屏幕中header bar,但我不希望在所有屏幕中重复代码。我也打算不使用TabNavigator。还有其他选择吗?

image 1 image 2

在image1和image 2中,带有search,cart和offerzone标签的栏保持不变。其余的更改..我需要此行为而不重复两个屏幕中的标题代码。

1 个答案:

答案 0 :(得分:0)

您可以将headerBar的代码分隔为独立的组件,并使用redux store来管理此组件的道具。

执行此操作后,您只需要在每个屏幕中导入组件,组件将自动从redux store获取其props。每个屏幕都可以与headerBar

联系redux actions