iOSシミュレータでreact-native-image-crop-pickerを使えない

2022年11月22日

環境

エラー発生状況

  • iOSシミュレータ―でReact nativeのプロジェクトを開発中、react-native-image-crop-pickerを追加してサンプルコードをコピペしたが動かない
  • XCodeに出されるエラーは下記の通り
(略)
TypeError: null is not an object (evaluating 'ImageCropPicker.openPicker')

解決策

  • Podfileを更新してpod installを実行する

手順

  1. Podfileに下記の行を追記(Podfileの場所:<react-nativeプロジェクト ディレクトリ>/ios/Podfile
    pod 'RNImageCropPicker', :path => '../node_modules/react-native-image-crop-picker'
  2. Podfileのディレクトリでpod installを実行
  3. シミュレータ環境を再起動
    • 当方の環境では、<react-nativeプロジェクト ディレクトリ>/node_moduleディレクトリを削除して、yarn installを実行
    • iOSシミュレータを再起動

詳細

  • Podfileとは
    • 1 つ以上の Xcode プロジェクトのターゲットの依存関係を記述するファイル
    • Podとは、Swiftファイルにインポートするパッケージ(SwiftにとってPodは、Rubyでいうgem、Excelでいうマクロ 的な立ち位置と思われる)
  • Podfileは手動で修正するしかない可能性あり

参考