Flutter 日历组件如何支持中文（国际化）

在 App 开发中，我们通常需要用到国际化的支持。

Flutter 在默认情况下就是支持国际化，但是在没有进行特别的设置之前，它们无论在什么环境都是以英文的方式显示的。例如，我们显示一个日历组件，默认是英文展示的。

我们想要改成中文，或者添加其他语言支持应该怎么做呢？

设置语言支持步骤

本例中，我们将要为日历组件，添加中文支持。我们来看怎么做？

1. 在 pubspec.yaml 中添加如下依赖：

flutter_localizations:sdk: flutter

这一步是添加国际化支持的库。

2. 更新依赖包

直接在 Android Studio 中点击“Pub get"或者使用如下命令：

flutter pub get

将库，加载到项目中。

3. 在 main.dart 中 import 如下：

import 'package:flutter_localizations/flutter_localizations.dart';

这一步是导入类库。

4. MaterialApp 的配置

然后在 MaterialApp 的构造方法中给 localizationsDelegates 和 supportedLocales 两个可选参数赋值：

  @overrideWidget build(BuildContext context) {return MaterialApp(theme: ThemeData(primaryColor: Colors.green,//...),localizationsDelegates: [GlobalMaterialLocalizations.delegate,//指定本地化的字符串和一些其他的值GlobalWidgetsLocalizations.delegate,//定义 widget 默认的文本方向，从左到右或从右到左。GlobalCupertinoLocalizations.delegate,//对应的 Cupertino 风格（Cupertino 风格组件即 iOS 风格组件）],supportedLocales: [const Locale('zh', 'CH'),const Locale('en', 'US'),],…………
}

localizationsDelegates：指定哪些 Widget 需要进行国际化。例如，本例中，指定了 Material、Widgets、Cupertino 都使用国际化。
GlobalMaterialLocalizations：指定本地化的字符串和一些其他的值。
GlobalWidgetsLocalizations：定义 widget 默认的文本方向，从左到右或从右到左。
GlobalCupertinoLocalizations：对应的 Cupertino 风格。

Widget 的配置

例如，这里配置的是日历组件，显示中文：

  _showDataPicker(int type) async {var picker = await showDatePicker(context: context,initialDate: DateTime.now(),firstDate: DateTime(1986),lastDate: DateTime(DateTime.now().year+2),locale: Locale("zh"));……});

好了，我们的日历显示中文配置已经完成了，你也动手试试吧~

**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》

Flutter 日历组件如何支持中文（国际化）相关推荐

Taro打卡日历组件。支持h5、ReactNative、后续支持小程序
效果图父组件需要传的值 dateDesc:{year:2020, //年份month:7, //月分传人0默认为当前月份list:[1,2,3,5,7,8,12,30,23,18 //默认选中的日期 ...
ant日历组件calendar转中文以及消息渲染
1.背景目前使用的项目用的是ice+ant+react ,项目中使用了calendar组件,但是组件中的星期,年份,月份都是英文的,按照官网的配置了转中文没有起作用. 转换后的效果: 2.手动转换 ...
Flutter实现一个酷炫带动画的列表型多选日历组件
由于项目需要,用Flutter重构了之前用Android做过的日历组件,整体效果感觉不错,流畅度甚至超过原来的,这里需要提一下官网的做法,如下: var date = DateTime.now();r ...
开源的pop3和smtp组件(支持中文及SSL)
从http://sourceforge.net/projects/hpop修改过来,添加了SMTP发送功能和SSL连接(如gmail),故将命名空间改为:openMail, 该DLL支持中文邮件收发; ...
仿钉钉考勤统计页面的日历组件，通过日历展示每日考勤打卡情况，支持在日历上打两种不同类型的点，大致适配各种分辨率效果图
原文链接:uniapp : 仿钉钉考勤统计页面的日历组件,通过日历展示每日考勤打卡情况,支持在日历上打两种不同类型的点,大致适配各种分辨率 - northwest - 博客园 (cnblogs.com ...
[20081226更新（加了日文版本支持）]一个JavaScript WEB日历控件，支持IE6，FireFox，可支持不同语言版本，目前支持中文简繁，英，日语
已经在google code上建立了项目,欢迎下载: http://code.google.com/p/kimsoft-jscalendar/downloads/list 如果有bug,欢迎大家到go ...
uni-app - 日历选择器组件（支持日期 “范围选择“ 多选 / 支持单选日期 / 自定义默认选中时间 / 弹框式 / 支持农历）完美兼容 H5 APP 小程序，最好用的教程完整源代码插件！
前言网上的教程代码非常乱且都有 BUG 存在,非常难移植到自己的项目中,本文代码干净整洁注释详细. 本文提供弹框式日历选择器组件,支持单选.范围选择日期,全端兼容无BUG! 您只需复制粘贴,保证几 ...
让Minimal开源UI组件支持中文
大家都说不支持中文,貌似他采用的是嵌入英文字体, 而embedFonts = true;所以输入中文无法显示. 按照下面方式修改即可: Component.as 去掉 [Embed(source=&q ...
Ant design pro 怎么把日历英文改为中文？？？国际化
这两天用ant design pro 发现了一个问题使用日历组件的时候里面居然是英文状态. 看了官方文档说的是把默认语言改为zh-CN就行了,但是居然没有效果这个鬼东西依然我行我素,冒着砸键盘的心态 ...

Flutter 日历组件如何支持中文（国际化）

Flutter 日历组件如何支持中文（国际化）

设置语言支持步骤

1. 在 pubspec.yaml 中添加如下依赖：

2. 更新依赖包

3. 在 main.dart 中 import 如下：

4. MaterialApp 的配置

Widget 的配置

Flutter 日历组件如何支持中文（国际化）相关推荐

最新文章

热门文章