1. 程式人生 > 其它 >【react-native-picker】報錯解決方案

【react-native-picker】報錯解決方案

【react-native-picker】報錯解決方案

時間:2018-12-13 10:30:01 關鍵字: native    react    解決方案    手機看文章 [導讀]在安裝react-native-picker過程中,react-native link報錯,且沒有任何錯誤日誌說明錯誤原因,導致執行專案時出現undefined is not an object (e

在安裝react-native-picker過程中,react-native link報錯,且沒有任何錯誤日誌說明錯誤原因,導致執行專案時出現undefined is not an object (evaluating 'Picker._init')的錯誤。

網上找到了兩個解決方案:

https://github.com/beefe/react-native-picker/issues/289

https://github.com/beefe/react-native-picker/issues/294

綜合整理後,解決方案如下:

1.檔案./android/settings.gradle中末尾新增:

include ':react-native-picker'
project(':react-native-picker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-picker/android')

2.檔案./android/app/build.gradle的dependencies內新增(注意其他行有逗號",",最後一行沒逗號):

...
dependencies {
    ...
    compile project(':react-native-picker')
}
...

3.檔案./android/app/src/main/java/com/xxx/xxx/MainApplication.java中新增:

import com.beefe.picker.PickerViewPackage;
...
    @Override
    protected ListgetPackages() {
      return Arrays.asList(
        new MainReactPackage(),
        ...
        new PickerViewPackage()
      );
    }
...

4.重新執行專案就OK了。