如何使用反应原生呈现所有组件中的内容？

问题描述：

我想在下面的所有页面中添加页眉和页脚。如何使用反应原生呈现所有组件中的内容？

例：

那么如何呈现在其它组分的页眉和页脚？

这意味着要写代码一次，然后如何在不同的页面中呈现它？

超级简单，阅读https://github.com/wix/react-native-navigation –

这很酷@MedetTleukabiluly但我不能添加新的软件包，我正在使用“react-native-router-flux”进行路由。 –

答

使用react-native-router-flux可以让你的目标非常容易，只要我的问题得到解决。退房的文件https://github.com/aksonov/react-native-router-flux

答

我从来没有尝试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> 
 
    ) 
 
    } 
 
}

您可以查看包裹路由器其兄弟是你的页眉和页脚组件。

如何使用反应原生呈现所有组件中的内容？

相关推荐