feat(i18n): add capture prompt translations and locale init
- integrate flutter_localizations and delegates in MaterialApp - use language-only supportedLocales; add resolution callback - initialize I18n on app start and when switching language - localize capture screen prompt via I18n.t - schedule map centering via postFrame to avoid race conditions - add flutter_localizations to pubspec
This commit is contained in:
27
lib/app.dart
27
lib/app.dart
@@ -1,5 +1,6 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:flutter_localizations/flutter_localizations.dart';
|
||||
import 'l10n/i18n.dart';
|
||||
import 'l10n/locale_provider.dart';
|
||||
import 'screens/report_flow/capture_screen.dart';
|
||||
@@ -22,10 +23,29 @@ class FixMateApp extends StatelessWidget {
|
||||
darkTheme: AppThemes.dark(),
|
||||
themeMode: ThemeMode.system,
|
||||
locale: localeProvider.locale,
|
||||
supportedLocales: const [
|
||||
Locale('en', 'US'),
|
||||
Locale('ms', 'MY'),
|
||||
localizationsDelegates: const [
|
||||
GlobalMaterialLocalizations.delegate,
|
||||
GlobalWidgetsLocalizations.delegate,
|
||||
GlobalCupertinoLocalizations.delegate,
|
||||
],
|
||||
supportedLocales: const [
|
||||
Locale('en'),
|
||||
Locale('ms'),
|
||||
],
|
||||
localeResolutionCallback: (locale, supported) {
|
||||
debugPrint('[i18n] localeResolution: device=$locale, supported=$supported');
|
||||
if (locale == null) return supported.first;
|
||||
for (final s in supported) {
|
||||
if (s.languageCode == locale.languageCode) {
|
||||
return s;
|
||||
}
|
||||
}
|
||||
return supported.first;
|
||||
},
|
||||
builder: (context, child) {
|
||||
debugPrint('[i18n] Building MaterialApp; locale=${localeProvider.locale}');
|
||||
return child!;
|
||||
},
|
||||
home: const StartRouter(),
|
||||
);
|
||||
},
|
||||
@@ -153,6 +173,7 @@ class _StartRouterState extends State<StartRouter> {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
debugPrint('[i18n] StartRouter: hasMaterial=${Localizations.of<MaterialLocalizations>(context, MaterialLocalizations) != null} locale=${Localizations.localeOf(context)}');
|
||||
if (_loading) {
|
||||
return const Scaffold(body: Center(child: CircularProgressIndicator()));
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:shared_preferences/shared_preferences.dart';
|
||||
import 'i18n.dart';
|
||||
|
||||
/// Provider for managing app locale and language switching
|
||||
class LocaleProvider extends ChangeNotifier {
|
||||
@@ -20,6 +21,7 @@ class LocaleProvider extends ChangeNotifier {
|
||||
_prefs = await SharedPreferences.getInstance();
|
||||
final savedLanguage = _prefs.getString(_languageKey) ?? _defaultLanguage;
|
||||
_locale = Locale(savedLanguage);
|
||||
await I18n.init(_locale);
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
@@ -29,6 +31,7 @@ class LocaleProvider extends ChangeNotifier {
|
||||
|
||||
_locale = locale;
|
||||
await _prefs.setString(_languageKey, locale.languageCode);
|
||||
await I18n.init(locale);
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
|
||||
@@ -64,9 +64,11 @@ class _MapScreenState extends State<MapScreen> {
|
||||
_applyFilters();
|
||||
// If we have filtered reports, fit; otherwise try device location
|
||||
if (_filteredReports.isNotEmpty) {
|
||||
debugPrint('[map] _refresh: filtered=${_filteredReports.length}; scheduling fitBounds postFrame');
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) => _fitToBounds());
|
||||
} else {
|
||||
await _centerOnDeviceOrDefault();
|
||||
debugPrint('[map] _refresh: filtered=0; scheduling centerOnDeviceOrDefault postFrame');
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) => _centerOnDeviceOrDefault());
|
||||
}
|
||||
}
|
||||
|
||||
@@ -74,11 +76,12 @@ class _MapScreenState extends State<MapScreen> {
|
||||
try {
|
||||
final pos = await LocationService.getBestAvailablePosition();
|
||||
if (pos != null) {
|
||||
debugPrint('[map] _centerOnDeviceOrDefault: moving to device location (${pos.latitude}, ${pos.longitude})');
|
||||
_mapController.move(LatLng(pos.latitude, pos.longitude), _defaultZoom);
|
||||
return;
|
||||
}
|
||||
} catch (_) {}
|
||||
// fallback
|
||||
debugPrint('[map] _centerOnDeviceOrDefault: moving to default center ($_defaultCenter) zoom=$_defaultZoom');
|
||||
_mapController.move(_defaultCenter, _defaultZoom);
|
||||
}
|
||||
|
||||
|
||||
@@ -116,6 +116,7 @@ class _CaptureScreenState extends State<CaptureScreen> {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
debugPrint('[i18n] CaptureScreen: locale=${I18n.currentLocale} prompt=${I18n.t('capture.prompt')}');
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(I18n.t('nav.report')),
|
||||
@@ -126,7 +127,7 @@ class _CaptureScreenState extends State<CaptureScreen> {
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
'Take a photo of the issue',
|
||||
I18n.t('capture.prompt'),
|
||||
style: Theme.of(context).textTheme.headlineSmall,
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user