mirror of https://github.com/flutter/pinball.git
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.
151 lines
4.0 KiB
151 lines
4.0 KiB
# I/O Pinball
|
|
|
|
[![Pinball Header][logo]][pinball_link]
|
|
|
|
[![io_pinball][build_status_badge]][workflow_link]
|
|
![coverage][coverage_badge]
|
|
[![style: very good analysis][very_good_analysis_badge]][very_good_analysis_link]
|
|
[![License: MIT][license_badge]][license_link]
|
|
|
|
A Pinball game built with [Flutter][flutter_link] and [Firebase][firebase_link] for [Google I/O 2022][google_io_link].
|
|
|
|
[Try it now][pinball_link] and [learn about how it's made][blog_link].
|
|
|
|
_Built by [Very Good Ventures][very_good_ventures_link] in partnership with Google_
|
|
|
|
_Created using [Very Good CLI][very_good_cli_link] 🤖_
|
|
|
|
---
|
|
|
|
## Getting Started 🚀
|
|
|
|
To run the desired project either use the launch configuration in VSCode/Android Studio or use the following commands:
|
|
|
|
```sh
|
|
$ flutter run -d chrome
|
|
```
|
|
|
|
_\*I/O Pinball works on Web for desktop and mobile._
|
|
|
|
---
|
|
|
|
## Running Tests 🧪
|
|
|
|
To run all unit and widget tests use the following command:
|
|
|
|
```sh
|
|
$ flutter test --coverage --test-randomize-ordering-seed random
|
|
```
|
|
|
|
To view the generated coverage report you can use [lcov](https://github.com/linux-test-project/lcov).
|
|
|
|
```sh
|
|
# 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][flutter_localizations_link] and follows the [official internationalization guide for Flutter][internationalization_link].
|
|
|
|
### Adding Strings
|
|
|
|
1. To add a new localizable string, open the `app_en.arb` file at `lib/l10n/arb/app_en.arb`.
|
|
|
|
```arb
|
|
{
|
|
"@@locale": "en",
|
|
"counterAppBarTitle": "Counter",
|
|
"@counterAppBarTitle": {
|
|
"description": "Text shown in the AppBar of the Counter Page"
|
|
}
|
|
}
|
|
```
|
|
|
|
2. Then add a new key/value and description
|
|
|
|
```arb
|
|
{
|
|
"@@locale": "en",
|
|
"counterAppBarTitle": "Counter",
|
|
"@counterAppBarTitle": {
|
|
"description": "Text shown in the AppBar of the Counter Page"
|
|
},
|
|
"helloWorld": "Hello World",
|
|
"@helloWorld": {
|
|
"description": "Hello World Text"
|
|
}
|
|
}
|
|
```
|
|
|
|
3. Use the new string
|
|
|
|
```dart
|
|
import 'package:pinball/l10n/l10n.dart';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l10n = context.l10n;
|
|
return Text(l10n.helloWorld);
|
|
}
|
|
```
|
|
|
|
### Adding Translations
|
|
|
|
1. For each supported locale, add a new ARB file in `lib/l10n/arb`.
|
|
|
|
```
|
|
├── l10n
|
|
│ ├── arb
|
|
│ │ ├── app_en.arb
|
|
│ │ └── app_es.arb
|
|
```
|
|
|
|
2. Add the translated strings to each `.arb` file:
|
|
|
|
`app_en.arb`
|
|
|
|
```arb
|
|
{
|
|
"@@locale": "en",
|
|
"counterAppBarTitle": "Counter",
|
|
"@counterAppBarTitle": {
|
|
"description": "Text shown in the AppBar of the Counter Page"
|
|
}
|
|
}
|
|
```
|
|
|
|
`app_es.arb`
|
|
|
|
```arb
|
|
{
|
|
"@@locale": "es",
|
|
"counterAppBarTitle": "Contador",
|
|
"@counterAppBarTitle": {
|
|
"description": "Texto mostrado en la AppBar de la página del contador"
|
|
}
|
|
}
|
|
```
|
|
|
|
[build_status_badge]: https://github.com/flutter/pinball/actions/workflows/main.yaml/badge.svg
|
|
[coverage_badge]: coverage_badge.svg
|
|
[firebase_link]: https://firebase.google.com/
|
|
[flutter_link]: https://flutter.dev
|
|
[flutter_localizations_link]: https://api.flutter.dev/flutter/flutter_localizations/flutter_localizations-library.html
|
|
[google_io_link]: https://events.google.com/io/
|
|
[blog_link]: https://medium.com/flutter/i-o-pinball-powered-by-flutter-and-firebase-d22423f3f5d
|
|
[internationalization_link]: https://flutter.dev/docs/development/accessibility-and-localization/internationalization
|
|
[license_badge]: https://img.shields.io/badge/license-MIT-blue.svg
|
|
[license_link]: https://opensource.org/licenses/MIT
|
|
[logo]: art/readme_header.png
|
|
[pinball_link]: https://pinball.flutter.dev
|
|
[very_good_analysis_badge]: https://img.shields.io/badge/style-very_good_analysis-B22C89.svg
|
|
[very_good_analysis_link]: https://pub.dev/packages/very_good_analysis
|
|
[very_good_cli_link]: https://github.com/VeryGoodOpenSource/very_good_cli
|
|
[very_good_ventures_link]: https://verygood.ventures/
|
|
[workflow_link]: https://github.com/flutter/pinball/actions/workflows/main.yaml
|