区块链技术博客
www.b2bchain.cn

国际化Intl求职学习资料

本文介绍了国际化Intl求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

国际化Intl

Flutter国际化

当项目需要多种语言切换,则需要使用国际化
Flutter常用的国际化框架:Intl,只看官方文档入手比较难,本文则从实战案例介绍使用教程

插个题外话:
Flutter 开发工具墙裂推荐使用Android Studio,Android Studio对于Flutter的代码视图、代码结构、程序调试、快捷键都要比VSCode友好。下一篇将会整理使用Android Studio开发Flutter的快捷键

国际化Intl

上图是本文的一个简单的语言切换案例,除了可以手动切换语言,还可以设置跟随系统的语言变化。

一:Android Studio 安装 Intl 插件

国际化Intl
安装成功后,在菜单栏–Tool 会有一个Flutter Intl入口
国际化Intl

二:项目添加国际化

1、使用Flutter Intl对项目初始化
国际化Intl

2、初始化成功后,项目目录lib中会新增generatedl10n两个目录

  • generated目录下为根据l10n目录下生成的dart代码(不需要程序员操作,由插件自动生成)
  • l10n目录下是arb文件(需要程序员配置:在不同于语言环境下的文本内容,以字典的形式配置)

国际化Intl

3、初始化成后,pubspec.yaml 中会新增以下字段

flutter_intl:   enabled: true

4、在pubspec.yaml文件添加flutter_localizationsIntl依赖

 # 国际化   flutter_localizations:     sdk: flutter   intl: ^0.16.1

三、新增语言

国际化Intl

比如新增中文简体、中文繁体(繁体分香港和台湾),默认是支持英文的,以下是新增语言后自动生成的arb文件和dart文件
国际化Intl

配置arb文件,多语言文本(以welcome为例子,在英文、中文简体和中文繁体切换)

intl_en.arb 文件 {   "welcome":"welcome" }  intl_zh.arb 文件 {   "welcome":"欢迎" }  intl_zh_HK.arb 文件 {   "welcome":"歡迎" }

四、项目配置

在MaterialApp中配置

  • locale:当前设置的locale(如果设置为null,则跟随系统的语言)
  • localizationsDelegates:加入由Intl插件生成的S.delegate 和 SDK组件库的delegate
  • localeResolutionCallback:locale切换回调方法(返回的locale是切换的最终结果)
  • supportedLocales:支持的语言集合

`` /// 对于状态管理Provider库,本文不做详细介绍,以后会出一篇文章介绍Provider的使用教程 ///S是Intl插件自动生成l10n.dart`文件中的一个类

实例:

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Consumer(
builder: (context,localeViewModel,child){
return MaterialApp(
/// 当前的语言
locale: localeViewModel.locale,
localizationsDelegates: const [
S.delegate,
GlobalCupertinoLocalizations.delegate,
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate

国际化Intl

Flutter国际化

当项目需要多种语言切换,则需要使用国际化
Flutter常用的国际化框架:Intl,只看官方文档入手比较难,本文则从实战案例介绍使用教程

插个题外话:
Flutter 开发工具墙裂推荐使用Android Studio,Android Studio对于Flutter的代码视图、代码结构、程序调试、快捷键都要比VSCode友好。下一篇将会整理使用Android Studio开发Flutter的快捷键

国际化Intl

上图是本文的一个简单的语言切换案例,除了可以手动切换语言,还可以设置跟随系统的语言变化。

一:Android Studio 安装 Intl 插件

国际化Intl
安装成功后,在菜单栏–Tool 会有一个Flutter Intl入口
国际化Intl

二:项目添加国际化

1、使用Flutter Intl对项目初始化
国际化Intl

2、初始化成功后,项目目录lib中会新增generatedl10n两个目录

  • generated目录下为根据l10n目录下生成的dart代码(不需要程序员操作,由插件自动生成)
  • l10n目录下是arb文件(需要程序员配置:在不同于语言环境下的文本内容,以字典的形式配置)

国际化Intl

3、初始化成后,pubspec.yaml 中会新增以下字段

flutter_intl:   enabled: true

4、在pubspec.yaml文件添加flutter_localizationsIntl依赖

 # 国际化   flutter_localizations:     sdk: flutter   intl: ^0.16.1

三、新增语言

国际化Intl

比如新增中文简体、中文繁体(繁体分香港和台湾),默认是支持英文的,以下是新增语言后自动生成的arb文件和dart文件
国际化Intl

配置arb文件,多语言文本(以welcome为例子,在英文、中文简体和中文繁体切换)

intl_en.arb 文件 {   "welcome":"welcome" }  intl_zh.arb 文件 {   "welcome":"欢迎" }  intl_zh_HK.arb 文件 {   "welcome":"歡迎" }

四、项目配置

在MaterialApp中配置

  • locale:当前设置的locale(如果设置为null,则跟随系统的语言)
  • localizationsDelegates:加入由Intl插件生成的S.delegate 和 SDK组件库的delegate
  • localeResolutionCallback:locale切换回调方法(返回的locale是切换的最终结果)
  • supportedLocales:支持的语言集合

`` /// 对于状态管理Provider库,本文不做详细介绍,以后会出一篇文章介绍Provider的使用教程 ///S是Intl插件自动生成l10n.dart`文件中的一个类

实例:

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Consumer(
builder: (context,localeViewModel,child){
return MaterialApp(
/// 当前的语言
locale: localeViewModel.locale,
localizationsDelegates: const [
S.delegate,
GlobalCupertinoLocalizations.delegate,
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate

国际化Intl

Flutter国际化

当项目需要多种语言切换,则需要使用国际化
Flutter常用的国际化框架:Intl,只看官方文档入手比较难,本文则从实战案例介绍使用教程

插个题外话:
Flutter 开发工具墙裂推荐使用Android Studio,Android Studio对于Flutter的代码视图、代码结构、程序调试、快捷键都要比VSCode友好。下一篇将会整理使用Android Studio开发Flutter的快捷键

国际化Intl

上图是本文的一个简单的语言切换案例,除了可以手动切换语言,还可以设置跟随系统的语言变化。

一:Android Studio 安装 Intl 插件

国际化Intl
安装成功后,在菜单栏–Tool 会有一个Flutter Intl入口
国际化Intl

二:项目添加国际化

1、使用Flutter Intl对项目初始化
国际化Intl

2、初始化成功后,项目目录lib中会新增generatedl10n两个目录

  • generated目录下为根据l10n目录下生成的dart代码(不需要程序员操作,由插件自动生成)
  • l10n目录下是arb文件(需要程序员配置:在不同于语言环境下的文本内容,以字典的形式配置)

国际化Intl

3、初始化成后,pubspec.yaml 中会新增以下字段

flutter_intl:   enabled: true

4、在pubspec.yaml文件添加flutter_localizationsIntl依赖

 # 国际化   flutter_localizations:     sdk: flutter   intl: ^0.16.1

三、新增语言

国际化Intl

比如新增中文简体、中文繁体(繁体分香港和台湾),默认是支持英文的,以下是新增语言后自动生成的arb文件和dart文件
国际化Intl

配置arb文件,多语言文本(以welcome为例子,在英文、中文简体和中文繁体切换)

intl_en.arb 文件 {   "welcome":"welcome" }  intl_zh.arb 文件 {   "welcome":"欢迎" }  intl_zh_HK.arb 文件 {   "welcome":"歡迎" }

四、项目配置

在MaterialApp中配置

  • locale:当前设置的locale(如果设置为null,则跟随系统的语言)
  • localizationsDelegates:加入由Intl插件生成的S.delegate 和 SDK组件库的delegate
  • localeResolutionCallback:locale切换回调方法(返回的locale是切换的最终结果)
  • supportedLocales:支持的语言集合

`` /// 对于状态管理Provider库,本文不做详细介绍,以后会出一篇文章介绍Provider的使用教程 ///S是Intl插件自动生成l10n.dart`文件中的一个类

实例:

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Consumer(
builder: (context,localeViewModel,child){
return MaterialApp(
/// 当前的语言
locale: localeViewModel.locale,
localizationsDelegates: const [
S.delegate,
GlobalCupertinoLocalizations.delegate,
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 国际化Intl求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们