如何使用反應原生呈現所有組件中的內容？

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> 
 
    ) 
 
    } 
 
}

您可以查看包裹路由器其兄弟是你的頁眉和頁腳組件。