[Day19] Flutter with GetX something else

这篇主要讲GetX所提供, 自己有接触过的额外功能
为大家介绍多国语系, 萤幕长宽, snackbar,这三样

多国语系

先是进入点的部分要新增translations , locale

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      debugShowCheckedModeBanner: false,
      initialRoute: AppPages.initPage,
      getPages: AppPages.routes,
      enableLog: true,
      translations: TranslationService(),
      locale: Locale('en', 'US'),
    );
  }
}

定义一个class extends Translations类
覆写里面的keys 属性

class TranslationService extends Translations {
  static final TranslationService _singleton = TranslationService._internal();
  factory TranslationService() => _singleton;

  TranslationService._internal();

  @override
  Map<String, Map<String, String>> get keys => {
        'en_US': en_US,
        'zh_TW': zh_TW,
        'zh_CN': zh_CN,
      };
}

以dictionary的形式新增, "translation_service" : "对应语系的文字",

实际使用 "translation_service".tr

点击变更语系

Card(
child: ListTile(
    title: Text("eu_us"),
    onTap: () => controller
        .updateTransition(Locale('en', 'US'))),
),
Card(
child: ListTile(
    title: Text("zh_CN"),
    onTap: () => controller
        .updateTransition(Locale('zh', 'CN'))),
),
Card(
child: ListTile(
    title: Text("zh_TW"),
    onTap: () => controller
        .updateTransition(Locale('zh', 'TW'))),
),

controller部分呼叫Get.updateLoacle();

updateTransition(Locale local) {
    Get.updateLocale(local);
}

GetX snackbar

Flutter有内建的snackbar, GetX的snackbar 感觉有一点点相推播通知

Card(
    child: ListTile(
        title: Text("Snackbar show"),
        onTap: () => Get.snackbar("Get.snackbar", 
                                  "Get.snackbar Message",
        ),
    ),
),