在React-Native-Router-Flux 3.x中渲染全球页脚

Question

我有一个应用程序，在所有场景中，我都想在屏幕底部渲染全局导航页脚。这是在RNRF 2.X和页脚道具中进行的一件很容易的事情，但是我在3.x实施它时遇到了很多麻烦，因为页脚道具不再存在。有人知道该怎么做吗？

Answer 1

您只能使用Arect 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>
);

您可能需要将某些样式从旧的主组件移至包装新视图。