React NativeでRNCPickerコンポーネントがないと言われた時の対処法

こんにちは！

とびろぐ管理人のとびうおです。

React Nativeを使っていて、今回RNCPickerがないと言われた場合の対処法を解説していきます。

対処法

プロジェクトのホームディレクトリで

cd ios && pod install && cd ..

と打つことでエラーは解消されるはずです。

pod isntallを打つことで、RNCPickerがインストールされます。

それでもうまくいかない場合

それでもうまくいかない場合は、以下の原因が考えられます。試してみてください。

pickerのimportが違う

React Nativeのところからimportしている場合は、以下のように修正してください。

import { Picker } from '@react-native-picker/picker';

必要なパッケージがinstallされてない

必要なパッケージがインストールされていない可能性があります。

以下のコマンドで試してみてください

npmの場合

npm install @react-native-picker/picker

yarnの場合

yarn add @react-native-picker/picker

キャッシュクリアしてコマンドを実行

それでも解消されない場合は、キャッシュクリアして実行してみましょう。

npm start --reset-cache

というコマンドでキャッシュクリアした状態でいけます。

まとめ

RNCPickerコンポーネントがないと言われたら、まずはReact Nativeでnpmで新しいパッケージをインストール！もしうまく読み込めない場合はpod installを試してみるとよいでしょう！