美文网首页FlutterFlutter
Flutter-国际化工具flutter_i18n

Flutter-国际化工具flutter_i18n

作者: 秋分落叶 | 来源:发表于2019-08-26 10:53 被阅读0次

1.配置 pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

2. vscode搜索插件 vscode-flutter-i18n-json

安装重新启动vscode
安装成功目录下会多一个目录


屏幕快照 2019-08-26 上午10.41.36.png

3. 配置语言

按住shift+alt+p打开搜索框
输入Flutter I18n Json: Initialize
选择语言默认en-US. 英语
Locale("zh","CN");CN是简体中文,如果是香港中文是Locale("zh","HK")
选择成功后会多一个文件


屏幕快照 2019-08-26 上午10.42.15.png

4.配置main.dart

引入import 'generated/i18n.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
在localizationsDelegates中增加S.delegate
supportedLocales: S.delegate.supportedLocales,
如果只支持中文:localeResolutionCallback: S.delegate.resolution(fallback: Locale("zh",""))

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:hello_world/generated/i18n.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      localizationsDelegates: [
        I18n.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: I18n.delegate.supportedLocales,
      home: MyHomePage(title: '1111'),
//      home: MyHomePag(I18n.of(context).appName)
    );
  }
}

// home: MyHomePag(S.of(context).appName)
为什么注释掉?
I18n.of(context). appName。

因为这时候I18n还没被塞到context中,I18n.of(context)这时候还是null

4.使用方法

I18n.of(context).greetTo('lcj')

相关文章

  • # flutter 国际化工具flutter_i18n

    flutter 国际化工具flutter_i18n 简介: flutter_i18n 有插件,比Intl简单。 1...

  • Flutter-国际化工具flutter_i18n

    1.配置 pubspec.yaml 2. vscode搜索插件 vscode-flutter-i18n-json ...

  • Flutter-国际化

    可以参考flutter中文社区的做法:https://flutterchina.club/tutorials/in...

  • Flutter-现有iOS工程引入Flutter

    Flutter-现有iOS工程引入Flutter Flutter-现有iOS工程引入Flutter

  • Flutter-国际化支持

    Flutter 国际化 详情链接[https://book.flutterchina.club/chapter13...

  • Flutter_i18n国际化全解

    查看官方文档以及Flutter中文网.还是觉得国际化处理的太过复杂.想着是否有合适的第三方控件.还真找到一款能像以...

  • flutter i18n 国际化

    原文地址 中文 English step 1 安装Android Studio 插件 Flutter_i18n (...

  • Day18 - Flutter - 国际化

    概述 国际化的认识 国际化的适配 国际化的工具 一、国际化的认识 开发一个App,如果我们的App需要面向不同的语...

  • 国际化P8分享

    今天平了国际化路广平给工具产品全流程方法论的分享 感觉对工具类产品理解的非常透,对国际化产品探路有比较丰富的经验。...

  • Flutter-国际化适配终结者

    大家好,很久不见,甚是想念,今天,我们来学习以下如何使用国际化神器Flutter i18n,该神器为一位叫Razv...

网友评论

    本文标题:Flutter-国际化工具flutter_i18n

    本文链接:https://www.haomeiwen.com/subject/yoqrectx.html