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} />;
}
}
React Navigation源代码阅读 : views/SceneView.js
猜你喜欢
转载自blog.csdn.net/andy_zhang2007/article/details/80381124
今日推荐
周排行