在 react-native-router-flux 中渲染全局页脚 3.x

Question

我有一个应用程序，我想在所有场景中在屏幕底部呈现一个全局导航页脚。这在 RNRF 2.x 中使用 footer 道具很容易做到，但我在 3.x 中实现它时遇到了很多麻烦，因为 footer 道具不再存在了。有人知道怎么做吗？

Answer 1

你可以只使用 React Native 来做到这一点。只需将旧的主要组件包装在包含旧的主要组件和页脚的新视图中。那么页脚将始终显示。

假设您在文件 path/to/main/component.js:

中有一个名为 MainComponent 的主要组件

// path/to/main/component.js
export default class MainComponent extends React.Component {
    ...
}

只需将其更改为：

// path/to/main/component.js
class MainComponent extends React.Component {
    ...
}

export default () => (
    <View styles={styles.newMainComponent}>
        <MainComponent />
        <GlobalFooter />
    </View>
);

您可能需要将一些样式从旧的主要组件移动到包装它的新视图。

在 react-native-router-flux 中渲染全局页脚 3.x

Render global footer in react-native-router-flux 3.x

react-native

react-native-router-flux