rami-a
6c5a02733a
|
5 years ago | |
---|---|---|
.. | ||
android | 5 years ago | |
assets | 5 years ago | |
fonts | 5 years ago | |
ios | 5 years ago | |
lib | 5 years ago | |
linux | 5 years ago | |
macos | 5 years ago | |
test | 5 years ago | |
tool | 5 years ago | |
web | 5 years ago | |
windows | 5 years ago | |
.gitignore | 5 years ago | |
.metadata | 5 years ago | |
README.md | 5 years ago | |
analysis_options.yaml | 5 years ago | |
pubspec.lock | 5 years ago | |
pubspec.yaml | 5 years ago | |
screenshots.md | 5 years ago |
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.
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
-
Convert your animation to a
.gif
file. Ideally, use a background color of0xFF030303
to ensure the animation blends into the background of the app. -
Add your new
.gif
file to the assets directory underassets/splash_effects
. Ensure the name follows the formatsplash_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.
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
Creating a new release (for Flutter org members)
-
Bump the version number up in the
pubspec.yaml
. Use semantic versioning to determine which number to increment. For example2.2.0+020200
should become2.3.0+020300
. -
Create a tag on the
master
branch of this repo in the form ofgallery-v2.3
.git tag gallery-v2.3
git push --tags
-
Publish the 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-pages
if you need to align with upstream.
-
Publish the Android release (using the correct signing certificates).
- Create the app bundle with
flutter build appbundle
. - Upload to the Play store console.
- Publish the Play store release.
- Create the APK with
flutter build apk
(this is for the Github release).
- Create the app bundle with
-
Draft a release in Github from the tag you created, call the release
Flutter Gallery 2.3
- Upload the Android APK from above.
- Create and upload the macOS build by running
flutter build macos
and zipping the app insidebuild/macos/Build/Products/Release
. - Optional: Create and upload the Linux/Windows builds.
- Publish the release.