Flutter Gallery is a resource to help developers evaluate and use Flutter. It is a collection of Material Design & Cupertino widgets, behaviors, and vignettes implemented with Flutter. We often get asked how one can see Flutter in action, and this gallery demonstrates what Flutter provides and how it behaves in the wild.
The Flutter Gallery targets Flutter‘s master channel. As such, it can take advantage of new SDK features that haven’t landed in the stable channel.
If you'd like to run the Flutter Gallery, make sure to switch to the master channel first:
flutter channel master flutter upgrade
When you're done, use this command to return to the safety of the stable channel:
flutter channel stable flutter upgrade
Flutter Gallery has been built to support multiple platforms. This includes:
You can build from source yourself for any of these platforms, though, please note desktop support must be enabled. For example, to run the app on Windows:
cd gallery/ flutter config --enable-windows-desktop flutter create . flutter run -d windows
Additionally, the UI adapts between mobile and desktop layouts regardless of the platform it runs on. This is determined based on window size as outlined in adaptive.dart.
Convert your animation to a
.gif file. Ideally, use a background color of
0xFF030303 to ensure the animation blends into the background of the app.
Add your new
.gif file to the assets directory under
assets/splash_effects. Ensure the name follows the format
splash_effect_$num.gif. The number should be the next number after the current largest number in the repository.
Update the map
_effectDurations in splash.dart to include the number of the new
.gif as well as its estimated duration. The duration is used to determine how long to display the splash animation at launch.
To generate localized strings or highlighted code segments, make sure that you have grinder installed by running
flutter pub get
To generate localized strings (see separate README for more details):
flutter pub run grinder l10n
To generate code segments (see separate README for more details):
flutter pub run grinder update-code-segments
Bump the version number up in the
pubspec.yaml. Use semantic versioning to determine which number to increment. For example
2.2.0+020200 should become
Create a tag on the
master branch of this repo in the form of
git tag v2.3
git push --tags
Publish the GH pages web release (using the peanut package).
flutter pub global activate peanut
flutter pub global run peanut:peanut
git push upstream gh-pages:gh-pages
git update-ref refs/heads/gh-pages upstream/gh-pagesif you need to align with upstream.
Publish the firebase hosted web release.
flutter web build
Publish the Android release (using the correct signing certificates).
flutter build appbundle.
flutter build apk(this is for the Github release).
Draft a release in Github from the tag you created, call the release
Flutter Gallery 2.x
flutter build macosand zipping the app inside