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布局中給標(biāo)簽加入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();