Google Git
Sign in
dart / external / github.com / flutter / gallery / 955c02566729df5d563a9f1b412af27d3c7120db
commit955c02566729df5d563a9f1b412af27d3c7120db[log] [tgz]
authorPierre-Louis <guidezpl@users.noreply.github.com>Fri Feb 07 11:32:46 2020 +0100
committerGitHub <noreply@github.com>Fri Feb 07 11:32:46 2020 +0100
tree5f0ce8764b35d379231f076cfe9770024e770373
parent0d6bf314a4ff5053017e85b45b5379d77d081f8c [diff]
Add screenshots, edit README (#319)



Former-commit-id: 2939c3bae3a6daf4ea4095366a5293e561acc903
2 files changed
tree: 5f0ce8764b35d379231f076cfe9770024e770373
  1. android/
  2. assets/
  3. fonts/
  4. ios/
  5. lib/
  6. linux/
  7. macos/
  8. test/
  9. tool/
  10. web/
  11. windows/
  12. .gitignore
  13. .metadata
  14. analysis_options.yaml
  15. pubspec.lock
  16. pubspec.yaml
  17. README.md
  18. screenshots.md
README.md

Flutter Gallery

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.

Flutter Gallery

Supported Platforms

Flutter Gallery has been built to support multiple platforms. This includes:

  • Android
  • iOS
  • web
  • macOS
  • Linux
  • Windows

That being said, extra steps must be taken to enable Desktop support. For example, to run the macOS app:

cd gallery/
flutter config --enable-macos-desktop
flutter create .
flutter run -d macos

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.

To include a new splash animation

  1. 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.

  2. 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.

  3. 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.

Generating localized strings and highlighted code segments

To generate localized strings or highlighted code segments, make sure that you have grinder installed. You can install it by getting the packages in samples/gallery/:

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