189 8069 5689

Flutter中文站,flutter中文教程

Flutter跨平台框架(Dart语言)

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。(-中文网;-英文网)

创新互联公司专业IDC数据服务器托管提供商,专业提供成都服务器托管,服务器租用,IDC机房托管IDC机房托管,成都多线服务器托管等服务器托管服务。

Flutter是一种趋势,势必会取代RN,成为最主流的跨平台开发框架,基于Dart语言。ios开发必须Mac电脑。android开发window、linux、Mac均可。

flutter 多语言配置--中文

上一篇讲到如果解决ios长按输入框报错的问题,但是最终没有达到我们的要求,因为我们想实现中文的提示,那么本篇文章讲讲如何来实现多语言配置;

1.首先在pubspec.yaml的dependencies下加入这个

flutter_localizations:

sdk: flutter

如图:

2.然后在MaterialApp设置一下localizationsDelegates如图:

3.写一个类继承一下CupertinoLocalizations,在项目中 我这个类名叫ChineseCupertinoLocalizations(没错,就是localizationsDelegates中的第三个),如图:

上次提到报错的原因就是因为cutButtonLabel,copyButtonLabel,pasteButtonLabel,selectAllButtonLabel 这几个按钮没有实现,所以继承CupertinoLocalizations一定要为这几个按钮赋值,这里是那种语言,那么,赋值就对应那种语言,同时要注意locale.languageCode也要填写,如果你是中文,那么locale.languageCode =='zh';

4.在ios工程中,在项目的info设置语言环境

添加 Localization native development region---china

添加一个Localizations 为array类型的,并且设置值为 Chinese (simplified)

效果图:( 注意:请把手机环境调试成中文的语言环境 )

Android 

ios 效果图

我公司用flutter做了一个《柚品生活》的app,感兴趣的朋友可以去看看,Android和ios都已经上架了

最后附上GitHub项目地址 GitHub - hxxsocket/flutter_lg_demo: flutter多语言配置之中文

Flutter官网: Flutter中文网

对于flutter的了解。这里可以参考官网:  Flutter中文网 ,这里推荐快速入门的人员可以先看《 编写第一个Flutter应用 》和《 Flutter for iOS 开发者 》这两个章节,其他组件的使用可以慢慢了解。熟能生巧嘛,万事不能期望一次就熟练的程度。

iOS采用Flutter官方推荐的 Cocoapods 方式进行集成,这就需要iOS的开发在机器上配置Flutter SDK,SDK安装比较简单,大家可以按照官方教程完成安装设置:  另外,建议花5分钟时间阅读官方的这两段文档,能让你更清晰的了解CAPP集成的原理:

将 Flutter module 集成到 iOS 项目 ,如果时间紧张了解选项A即可。

添加一个 Flutter 页面

Vue前端转Flutter一(环境配置)

(*注:以下仅个人配置过程参考,系统win7-64)

所需软件

vsCode,Android Studio, MuMu模拟器 (直连手机调试的话就不需要了)

配置过程

1、Flutter安装

安装时忘记截图,具体可参考链接 flutter中文网 相关教程+ 百度 ,现在网上教程很多,多踩点坑总会成功的。

2、MuMu模拟器调试时需进行相关配置

(*注:直连手机调试可忽略以下;执行以下操作需要在执行flutter doctor成功后,flutter run执行前)

(1)mumu模拟器端口监听,需要执行

(2)mumu模拟器调试flutter run可能会报错,可以改成,具体原因可直接百度“--enable-software-rendering”

3、如需调试ios端可尝试虚拟机+macOS+xCode

vmware+macOs可参考链接 VMware15安装MacOS系统 ,笔者按照该步骤已安装成功

Flutter基础Dart 相关书籍和网站推荐

网站:

Flutter官网

国内Flutter中文资源网

Flutter中文网

Dart官网

Dart中文网

第三方包官网

国内第三方包官网

必读书籍:

《Dart语言实战:基于Angular框架的Web开发》

《Flutter实战》


标题名称:Flutter中文站,flutter中文教程
文章地址:http://cdxtjz.cn/article/phcssp.html

其他资讯