私のアプリケーション内のすべてのページに何かをレンダリングする

Question

私はすべてのページの中に何かをレンダリングしようとしますが、すべてのページにそれを含めません。私は反応ルータフラックスを使用していますので、私はそこに何かを含めることができますので、私は自分のアプリ内のすべてのページに何かをレンダリングすることができます...

私はメッセージを表示することはできませんインターネットに接続されていない場合はすべてのページを表示します。そのために、私は[https://github.com/gnestor/react-native-statusbar-alert/blob/master/README.md][1]]を使用するつもりだと思います。 その後、iOSでアプリ内プッシュ通知を行うためにもこの機能が必要になると思います。

...私は誰かが私はこのような何かをしようと試み

:-)私を助けることができると思いますが、私は唯一のFirstLaunchスプラッシュやOnEveryPageでレンダリングしないよりも、次を参照してください。

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; 

Answer 1

それを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> 
); 
}