react-native-picker滚轮组件的使用
16lz
2021-01-23
使用说明
参考的github的:https://github.com/beefe/react-native-picker
第一步:npm install react-native-picker --save
第二步:react-native link
第二步android link不成功也和手动配置,步骤如下:
1:/android/settings
2:/android/app/bulid.gradle
Paste_Image.png
3:/MainApplication
Paste_Image.png Paste_Image.png
具体使用
导入组件:
import Picker from 'react-native-picker';
方法的使用
进入页面加载数据
componentWillMount() {
this.fetchData();
}
fetchData(){加载数据
Picker.init({
//数据源
pickerData: ["我不想买了","信息填写错误,重新拍","卖家缺货","其他原因",],
pickerConfirmBtnText:'确定',
pickerCancelBtnText:'取消',
pickerTitleText:'请选择取消订单的理由',
pickerBg:[245,245,245,1],
pickerFontSize:toDipsWidth(32),
onPickerConfirm: (pickedValue) => {
//自己想实现的方法
});
Picker.show();
}
补充、
组件弹出时,点击进入别的页面,弹框还存在,需要在跳转页面设置hide,该组件的使用可根据自己的需求使用,
更多相关文章
- Android 插件化框架replugin使用教程之本地加载replugin-host-gr
- Android本地图片加载展示而不容易OOM的办法
- Android 让页面回滚到顶端
- android Thread 数据加载 ProgressDialog 请求超时处理 线程 Han
- Android动态加载相关文章记录
- 【Android Demo】获取指定网页的页面源代码
- android实现模拟加载中的效果
- Android HttpUrlConnection 发送Post请求 PHP页面$_POST接收不到
- Android 日历方式显示的日期选择组件(日历控件之一)