React Native, Expoでスクリーンショットを撮る


スクリーンショット、特に部分スクショをとりたい。

Expo Managedプロジェクトで特定のViewを画像として保存する方法を探します。

スナップショットという単語が思いつかなかったので少し見つけにくかった。

React Native 0.60 Expo v34

take-snapshot-async

Expoでスナップショットをとる機能がありました。

v34.0.0/sdk/take-snapshot-asyncにある使い方をしてみます。

するとtakeSnapshotAsyncundefinedでありエラーになります。

ちょうどExpo34で同じエラーのトピックがあった。

バージョンアップで機能削除されて文書だけ残ってるんじゃとか言われてますね。

react-native-view-shot

gre/react-native-view-shotはExpoでもbare appsならこれ使えとありますね。

Expo managedでも使えるので使ってみます。

takeSnapshotAsyncと同様の処理ができました。

 

<ViewShot>コンポーネントを使って指定することもできます。

 

以前やった画像保存と合わせて使えばちょっとした画像化は簡単にできそう。


コメントを残す

メールアドレスが公開されることはありません。