技術記事

micomia株式会社の井上です。今回はGenerate Screenshotsについて解説していきます。

初心者にもわかりやすく解説していくのでぜひご一読ください。

1. Generate Screenshotsとは

Generate ScreenshotsはFlutterFlowで自動的にスクリーンショットを自動生成する機能です。

2. Generate Screenshotsの使い方

Generate ScreenshotsはPreview Appから開くことができます。

Test Modeと似ている画面なのですがこれは実際に動作を確認したりすることはできないので注意してください。ちなみに、左側にあるAll pagesで全ての画面が表示されるようになるのでここから目的の画面を表示させることができます。

Generate Screenshotsの機能を使用するにはまずScreenshot Modeにする必要があります。その後、スクリーンショットの種類を選択します。Play Store ScreenshotsはAndroid用のスクリーンショット、App Store ScreenshotsはiOS用のスクリーンショットを保存できます。

その下にあるCapture selected pagesは先ほどのAll Pagesの画面でチェックボックスにチェックを入れて選択した画面のみが保存されるようになるものです。特にチェックを入れていなければ、メインの画面で表示されている画面のみが保存されます。

ちなみにこれらのスクリーンショットをiOSやAndroidの審査提出用に使うのは避けた方が良いです。理由としてはこの画面はデータベースと紐付いてないのでデータが正しく表示されないことが多いからです。審査用のスクリーンショットは、実機で撮影したものを使用するのが適切です。

3. さいごに

今回はGenerate Screenshotsについて解説していきました。これらは審査のように使用することはできないので実装中にデザインを確認してみたい等で使用することをおすすめします。

本記事の内容を動画で観たい方は以下をご覧ください。

動画でもっと知りたい方はこちら