2017-03-20 40 views
0

我嘗試在每個頁面內呈現內容,但不會將其包含在每個頁面上。我正在使用react-router-flux,所以我希望我可以在其中包含一些東西,所以我可以在我的應用程序中的每個頁面上渲染一些東西...在我的應用程序內的每個頁面上呈現一些東西

我不想這樣做,因此我可以顯示消息每一頁當沒有互聯網連接時。爲此,我想我會使用[https://github.com/gnestor/react-native-statusbar-alert/blob/master/README.md][1]。 之後,我認爲我需要此功能還可以讓iOS中的應用內推送通知成爲可能。

我希望有人能幫助我:-)

我tryed做這樣的事情,但我看到比僅渲染OnEveryPage並不會飛濺或FirstLaunch ...:

Main.js

render() { 
    return (
     <Router> 
     <Scene key='root' component={OnEveryPage}> 
      <Scene key='FirstLaunch' 
      component={FirstLaunch} 
      title='FirstLaunch' 
      hideNavBar 
      type={ActionConst.RESET} 
      /> 
      <Scene key='Splash' 
      component={Splash} 
      hideNavBar 
      initial 
      /> 
     </Scene> 
     </Router> 
    ); 
    } 

OnEveryPage.js如果你想顯示的前夕東西

import React, { Component } from 'react'; 
import { View, Text } from 'react-native'; 

class OnEveryPage extends Component { 
    render(){ 
     return (
      <View><Text>Do This On Every Page</Text></View> 
     ); 
    } 
} 

export default OnEveryPage; 

回答

1

ry頁面,將其渲染到Router之外。

Main.js

render() { 
    return (
     <View style={{flex: 1}}> 
     <OnEveryPage /> 
     <Router> 
      <Scene key='FirstLaunch' 
      component={FirstLaunch} 
      title='FirstLaunch' 
      hideNavBar 
      type={ActionConst.RESET} 
      /> 
      <Scene key='Splash' 
      component={Splash} 
      hideNavBar 
      initial 
      />    
     </Router> 
     </View> 
); 
} 
相關問題