如何使用react native来渲染所有组件中的内容？

Question

我想在所有页面中添加页眉和页脚。

示例：

然后如何在其他组件中渲染页眉和页脚？

这意味着编写代码一次，然后如何在各种页面中呈现它？

Answer 1

如果我的问题正确的话，使用react-native-router-flux可以轻松实现您的目标。查看文档https://github.com/aksonov/react-native-router-flux

Answer 2

我从不尝试react-native-router-flux，但是当我看到文档时，也许你可以这样做：

import React, { Component } from 'react';
import { Router, Scene } from 'react-native-router-flux';

import PageOne from './PageOne';
import PageTwo from './PageTwo';

export default class App extends Component {
  render() {
    return (
      <View style={{ flex:1 }}>
        <YourHeaderComponent />
        <Router>
          <Scene key="root">
            <Scene key="pageOne" component={PageOne} title="PageOne" initial={true} />
            <Scene key="pageTwo" component={PageTwo} title="PageTwo" />
          </Scene>
        </Router>
        <YourFooterComponent />
      </View>
    )
  }
}

你可以用视图包装路由器，它的兄弟是你的页眉和页脚组件。