在react-native-router-flux 3.x中渲染全局页脚

npm install react-native-router-flux@3.x --save

import React from 'react';
import { Router, Scene, Actions } from 'react-native-router-flux';
import { View, Text } from 'react-native';

const Footer = () => (
  <View style={styles.footer}>
    <Text style={styles.footerText}>This is the footer</Text>
  </View>
);

const App = () => (
  <Router>
    <Scene key="root">
      <Scene key="home" component={Home} title="Home" initial />
      <Scene key="about" component={About} title="About" />
    </Scene>
    <Scene key="footer" renderFooter={Footer} />
  </Router>
);

import { Actions } from 'react-native-router-flux';

const Home = () => (
  <View>
    <Text>This is the Home page</Text>
    <Button title="Go to Footer" onPress={() => Actions.footer()} />
  </View>
);