NFT Puzzle Fun
A slide puzzle built for Flutter Challenge.
Built by Very Good Ventures in partnership with Google.
Created using Very Good CLI.
Getting Started
🚀
To run the project either use the launch configuration in VSCode/Android Studio or use the following command:
$ flutter run -d chrome
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.arbfile 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:nftpuzzlefun/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>CFBundleLocalizationskey>
<array>
<string>enstring>
<string>esstring>
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
.arbfile:
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"
}
}
4 Feb 23, 2022
754 Dec 27, 2022
33 Oct 30, 2022
4 Dec 23, 2022
1 Oct 20, 2021
4 Aug 3, 2022
175 Dec 24, 2022
85 Dec 8, 2022
1 Dec 4, 2021
2 Dec 10, 2022
1.3k Dec 30, 2022
126 Oct 31, 2022
376 Dec 24, 2022
981 Jan 1, 2023
355 Dec 24, 2022
562 Dec 3, 2022
1.8k Jan 8, 2023
1.9k Dec 25, 2022
2.4k Jan 8, 2023