189 8069 5689

flutter教程中文,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 多语言配置--中文

上一篇讲到如果解决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操碎了心

macos

.bash_profile

执行 flutter doctor

CSSColors ----

some times need fix:

解决办法用命令行:

flutter packages get

Flutter 零基础入门实战视频教程(28 个视频)

Flutter 零基础入门实战视频教程 #01 环境搭建 「14:03」

Flutter 零基础入门实战视频教程 #02 Dart 语言 「17:49」

Flutter 零基础入门实战视频教程 #03 建立 Android studio 虚拟设备 「04:12」

Flutter 零基础入门实战视频教程 #04 建立第一个项目 「08:23」

Flutter 零基础入门实战视频教程 #05 安装配置过程中可能遇到的问题(没遇到者可以跳过) 「05:07」

Flutter 零基础入门实战视频教程 #06 运行 iOS 模拟器 「04:07」

Flutter 零基础入门实战视频教程 #07 Flutter 概述 「06:15」

Flutter 零基础入门实战视频教程 #08 Scaffold AppBar 「Pro」「06:50」

Flutter 零基础入门实战视频教程 #09 文档和快捷键 「Pro」「02:36」

Flutter 零基础入门实战视频教程 #10 颜色 Colors 「Pro」「05:47」

Flutter 零基础入门实战视频教程 #11 自定义字体 fonts 「Pro」「05:09」

Flutter 零基础入门实战视频教程 #12 hot reload StatelessWidget 「Pro」「04:56」

Flutter 零基础入门实战视频教程 #13 使用图片 「Pro」「04:59」

Flutter 零基础入门实战视频教程 #14 使用图标 - Icon 「Pro」「01:27」

Flutter 零基础入门实战视频教程 #15 Button 按钮使用指南 「Pro」「04:35」

Flutter 零基础入门实战视频教程 #16 Container 和 Padding 「Pro」「04: 52」

Flutter 零基础入门实战视频教程 #17 Row 「Pro」「05:24」

Flutter 零基础入门实战视频教程 #18 Column 「Pro」「05:36」

Flutter 零基础入门实战视频教程 #19 Flutter Outline Shortcuts 「Pro」「03:18」

Flutter 零基础入门实战视频教程 #20 Expanded Widgets 「Pro」「06:06」

Flutter 零基础入门实战视频教程 #21 实战开始 「Pro」「11:42」

Flutter 零基础入门实战视频教程 #22 换个编辑器 - Visual Studio Code 「Pro」「04:50」

Flutter 零基础入门实战视频教程 #23 Stateful vs Stateless Widget 「Pro」「09:45」

Flutter 零基础入门实战视频教程 #24 列表处理 「Pro」「04:54」

Flutter 零基础入门实战视频教程 #25 自定义 class 「Pro」「05:37」

Flutter 零基础入门实战视频教程 #26 card widget 「Pro」「04:26」

Flutter 零基础入门实战视频教程 #27 Extracting Widgets 「Pro」「06:59」

Flutter 零基础入门实战视频教程 #28 删除 - Functions as Parameters - 完结 - 进入实战课 「Pro」「04:35」


本文标题:flutter教程中文,flutter入门教程
分享链接:http://cdxtjz.cn/article/dsihdee.html

其他资讯