在制作项目的过程中遇到了一个需求,就是需要用户选择日期,百度了一下发现一个组件使用方便就在这里记录下来。
就是这个react-native-picker 前面就是npm安装和link了这就不需要多说了。使用方法我就截图说明一下。
第一步就是import。
第二步设置一个函数记得用XX=()=>{}这种写法
第三步就是直接调用方法了
<TouchableOpacity onPress={()=>{
this._riqi()
}}>
<Image source={{uri:'xxZx_rili'}} style={{width:28,height:28}} />
</TouchableOpacity>
还有关闭的方法
<TouchableOpacity
style={{width:50,height:50,alignItems:'flex-start',justifyContent:'center',marginLeft:10}}
onPress={()=>{
Picker.hide()
}}>
<Image style={{width:9,height:19}}
source={{uri:'icon_turn_left'}} />
</TouchableOpacity>