mirror of https://github.com/flutter/pinball.git
Google I/O 伙伴的弹珠游戏 pinball 用 Google 亲儿子——Flutter 和 Firebase 实现。你可访问 https://pinball.flutter.dev/ 在线体验该款游戏。
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
2 years ago | |
---|---|---|
.github | 3 years ago | |
.idea/runConfigurations | 3 years ago | |
.vscode | 3 years ago | |
android | 3 years ago | |
assets/images/components | 3 years ago | |
ios | 3 years ago | |
lib | 2 years ago | |
packages/pinball_theme | 3 years ago | |
test | 3 years ago | |
web | 3 years ago | |
windows | 3 years ago | |
.gitignore | 3 years ago | |
.metadata | 3 years ago | |
LICENSE | 3 years ago | |
README.md | 3 years ago | |
analysis_options.yaml | 3 years ago | |
coverage_badge.svg | 3 years ago | |
firebase.json | 3 years ago | |
l10n.yaml | 3 years ago | |
pubspec.lock | 3 years ago | |
pubspec.yaml | 3 years ago |
README.md
Pinball
Generated by the Very Good CLI 🤖
Google I/O 2022 Pinball game built with Flutter and Firebase
Getting Started 🚀
This project contains 3 flavors:
- development
- staging
- production
To run the desired flavor either use the launch configuration in VSCode/Android Studio or use the following commands:
# Development
$ flutter run --flavor development --target lib/main_development.dart
# Staging
$ flutter run --flavor staging --target lib/main_staging.dart
# Production
$ flutter run --flavor production --target lib/main_production.dart
*Pinball works on iOS, Android, Web, and Windows.
Running Tests 🧪
To run all unit and widget tests use the following command:
$ flutter test --coverage --test-randomize-ordering-seed random
To view the generated coverage report you can use lcov.
# Generate Coverage Report
$ genhtml coverage/lcov.info -o coverage/
# Open Coverage Report
$ open coverage/index.html
Working with Translations 🌐
This project relies on flutter_localizations and follows the official internationalization guide for Flutter.
Adding Strings
- To add a new localizable string, open the
app_en.arb
file atlib/l10n/arb/app_en.arb
.
{
"@@locale": "en",
"counterAppBarTitle": "Counter",
"@counterAppBarTitle": {
"description": "Text shown in the AppBar of the Counter Page"
}
}
- Then add a new key/value and description
{
"@@locale": "en",
"counterAppBarTitle": "Counter",
"@counterAppBarTitle": {
"description": "Text shown in the AppBar of the Counter Page"
},
"helloWorld": "Hello World",
"@helloWorld": {
"description": "Hello World Text"
}
}
- Use the new string
import 'package:pinball/l10n/l10n.dart';
@override
Widget build(BuildContext context) {
final l10n = context.l10n;
return Text(l10n.helloWorld);
}
Adding Supported Locales
Update the CFBundleLocalizations
array in the Info.plist
at ios/Runner/Info.plist
to include the new locale.
...
<key>CFBundleLocalizations</key>
<array>
<string>en</string>
<string>es</string>
</array>
...
Adding Translations
- For each supported locale, add a new ARB file in
lib/l10n/arb
.
├── l10n
│ ├── arb
│ │ ├── app_en.arb
│ │ └── app_es.arb
- Add the translated strings to each
.arb
file:
app_en.arb
{
"@@locale": "en",
"counterAppBarTitle": "Counter",
"@counterAppBarTitle": {
"description": "Text shown in the AppBar of the Counter Page"
}
}
app_es.arb
{
"@@locale": "es",
"counterAppBarTitle": "Contador",
"@counterAppBarTitle": {
"description": "Texto mostrado en la AppBar de la página del contador"
}
}
Deploy application to Firebase hosting
Follow the following steps to deploy the application.
Firebase CLI
Install and authenticate with Firebase CLI tools
Build the project using the desired environment
# Development
$ flutter build web --release --target lib/main_development.dart
# Staging
$ flutter build web --release --target lib/main_staging.dart
# Production
$ flutter build web --release --target lib/main_production.dart
Deploy
$ firebase deploy