Join GitHub today
GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.Sign up
Making animated GIFs of Flutter apps
Animated GIFs are useful for documentating animations. Here’s how to make them:
Capturing video of an Android device
This feature is available on KitKat and later.
Make sure to launch the app using
flutter run --releasefor faster performance.
Start recording video by running this command on the command line:
adb shell screenrecord /sdcard/recording.mp4
Interact with the app. When you are done you can terminate the recording with CTRL+c.
Pull the recording off the device and onto your local hard drive:
adb pull /sdcard/recording.mp4 ~/Downloads/
Capturing video of the iOS simulator
- Move the iOS simulator above your other applications
- Launch the "QuickTime Player" app
- Select “New Screen Recording” from the File menu
- Draw a box around the Simulator and click "Start Recording"
- When you're finished, click on Stop Recording on the Menu Bar.
- If needed, trim your recording using "Trim" from the "Edit" menu.
- Save the recording
Converting the recording to GIF
- Go to http://ezgif.com/video-to-gif and upload the video.
- If further trimming is needed, select the start and end times for your GIF.
- Select an appropriately small size for the GIF (recommended: 320xAUTO).
- Select a high framerate for the GIF (the max is 20) for smoothest animation
- Convert to GIF and download the GIF file