React Navigation源代码阅读 : views/SceneView.js

import React from 'react';
import propTypes from 'prop-types';

/**
 * 场景视图组件: 用于渲染屏幕场景组件的组件
 *
 * 其实就是在自己的渲染方法中将最终的屏幕场景组件渲染出来,
 * 这也是一个高阶组件，所有的属性参数等都来自外部，包括所要渲染的
 * 屏幕场景组件，本组件只是获取外部指定的这些属性参数等信息应用到
 * 将要渲染的目标屏幕场景组件上
 */
export default class SceneView extends React.PureComponent {
  static childContextTypes = {
    navigation: propTypes.object.isRequired,
  };

  getChildContext() {
    return {
      navigation: this.props.navigation,
    };
  }

  render() {
    const { screenProps, navigation, component: Component } = this.props;
    // 渲染屏幕场景组件,使用外部指定的屏幕属性，导航属性等信息
    return <Component screenProps={screenProps} navigation={navigation} />;
  }
}