Question

我有一个应用程序，在所有场景中我想在屏幕底部渲染一个全局导航页脚。在RNRF 2.x中使用页脚道具这是一件非常容易的事情，但由于页脚道具不再存在，我在3.x中实现它时遇到了很多麻烦。任何人都知道如何做到这一点？

Answer 1

只能使用React Native执行此操作。只需将旧的主要组件包装在包含旧主要组件和页脚的新视图中。然后将始终显示页脚。

假设您在文件MainComponent中有一个名为path/to/main/component.js的主要组件：

// 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中渲染全局页脚

1 个答案: