ReactNative的常用组件和用法

参考 https://reactnative.cn/docs/0.42/image/

props的类型检查

利用PropTypes进行类型检查

import PropTypes from 'prop-types';

...
class Test extends Component{
  static defaultProps={
    name:"XXX", // name默认为XXX
  }

  static propTypes={
    name:PropTypes.string,//name类型必须为string，如果不是string的话，页面会有提醒
  }
...

Ref机制和组件绑定的三种方式

Ref机制

ReactNative中提供了ref机制，通过在组件中加入ref="xxx"，就可以定义一个组件的引用，类似于Android中xml布局中给标签加入id属性

三种绑定方式

//1.
声明: <RefTest ref="xx"/>
获取: var size = this.refs.xx.getSize();

//2.
this.xx = React.createRef();
声明: <RefTest ref="xx=>this.xx=xx"/>
获取: var size = this.xx.getSize();


//3.
声明: <RefTest ref="xx"/>
获取: var size = this.refs['xx'].getSize();