react-native-picker滾輪組件的使用

使用說明

參考的github的:https://github.com/beefe/react-native-picker
第一步:npm install react-native-picker --save
第二步:react-native link
第二步android link不成功也和手動配置,步驟如下:
1:/android/settings

Paste_Image.png

2:/android/app/bulid.gradle
Paste_Image.png

3:/MainApplication
Paste_Image.png

Paste_Image.png

具體使用

導(dǎo)入組件:
import Picker from 'react-native-picker';

方法的使用

進入頁面加載數(shù)據(jù)
componentWillMount() {
this.fetchData();
}
fetchData(){加載數(shù)據(jù)
Picker.init({
//數(shù)據(jù)源
pickerData: ["我不想買了","信息填寫錯誤,重新拍","賣家缺貨","其他原因",],
pickerConfirmBtnText:'確定',
pickerCancelBtnText:'取消',
pickerTitleText:'請選擇取消訂單的理由',
pickerBg:[245,245,245,1],
pickerFontSize:toDipsWidth(32),
onPickerConfirm: (pickedValue) => {
//自己想實現(xiàn)的方法
});
Picker.show();
}

補充、

組件彈出時,點擊進入別的頁面,彈框還存在,需要在跳轉(zhuǎn)頁面設(shè)置hide,該組件的使用可根據(jù)自己的需求使用,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,034評論 25 709
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 47,158評論 22 665
  • React Native優(yōu)秀博客,以及優(yōu)秀的Github庫列表(很多英文資料源自于[awesome-react-n...
    董董董董董董董董董大笨蛋閱讀 11,013評論 4 162
  • 那是一條秋天的河安靜的飲(yìn)著饑渴的駱駝她的眼中是大海他的眼中是沙漠 她沒見過大海他卻看慣了沙漠她歡快的奔跑...
    頑木閱讀 315評論 0 1
  • 4、不用擔(dān)心動作做不標(biāo)準 不用擔(dān)心自己筋骨硬,承受不了各種姿勢的折磨,其實只要按照老師的練習(xí)程序,再配合老師所指導(dǎo)...
    merry瑜伽閱讀 289評論 0 0

友情鏈接更多精彩內(nèi)容