Rendern Sie etwas auf jeder Seite in meiner App

Question

Ich versuche, etwas auf jeder Seite zu rendern, aber nicht auf jeder Seite enthalten. Ich benutze react-router-flux, also hoffe ich, dass ich etwas hinzufügen kann, damit ich etwas auf jeder Seite in meiner App rendern kann ...

Ich möchte dies tun, damit ich eine Nachricht anzeigen kann jede Seite, wenn keine Internetverbindung besteht. Dafür denke ich, dass ich [https://github.com/gnestor/react-native-statusbar-alert/blob/master/README.md][1]. Danach denke ich, dass ich diese Funktion auch brauche, um In-App-Push-Benachrichtigungen für iOS zu ermöglichen.

Ich hoffe, dass mir jemand helfen kann :-)

Ich habe versucht, so etwas zu tun, aber ich sehe, als die einzige von OnEveryPage machen und nicht Splash oder 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; 

Answer 1

Wenn Sie etwas auf dem Vorabend zeigen wollen ry Seite, rendern Sie es außerhalb der 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> 
); 
}