Adaloカスタムコンポーネント開発でpublish後、Previewできない

2022年11月21日2022年11月22日

問題発生状況

• Adaloのカスタムコンポーネントを開発時、ローカルでテストした後npx adalo publishでライブラリをアップロード完了
  • 環境構築：Adaloのカスタムコンポーネント開発時iOSテスト環境を構築する
• その後、ブラウザでアップロードしたコンポーネントが表示されない

解決方法

• React nativeで動くライブラリを使っているindex.jsを、index.native.jsに変更し、Web表示用にindex.web.jsを作成して再度npx adalo publishを行う

詳細

• AdaloのPreviewはWeb版のテストのため、React nativeで実機ネイティブの機能を使っているコンポーネントはWebで配置すらできなくなる模様
  • 今回当方で問題になったライブラリは、react-native-image-crop-picker
• Web版が不要な場合は、index.web.jsに単なる<Text>の表示のみにしておくなどでも実機でindex.native.jsのプログラムが動く

参考

• https://reactnative.dev/docs/platform-specific-code#platform-specific-extensions