StudyFlutter——我的第一个APP

一个菜鸟的第一个Flutter APP,本文大部分设计摘抄自一周时间编写你的第二个 Flutter APP.由于对于DartFlutter缺乏基本的熟悉,基本上算是以实战来作为学习方法,因此部分代码可能不是很规范,大家有发现的部分欢迎提出来一起交流。 该项目实际写作时间可能低于作者的时间,因为我大部分时间都是学习作者的源码,然后自己手动敲一遍,遇到不能理解的代码就百度,因此只有少部分的代码是自主开发的。效果如下:

flutter没有clean project等快捷键(或许是我还没有发现),但是这些都是可以通过命令行来实现的,以下是常用命令的列表:

常用命令含义
--version查看Flutter版本
-h或者--help打印所有命令行用法信息
analyze分析项目的Dart代码
build
channel列表或开关Flutter通道
clean删除构建/目录
config配置Flutter设置
create创建一个新的Flutter项目
devices列出所有连接的设备
doctor展示了有关安装工具的信息
drive为当前项目运行Flutter驱动程序测试
format格式一个或多个Dart文件
fuchsia_reload在Fuchsia上进行热重载
install在附加设备上安装Flutter应用程序
logs显示用于运行Flutter应用程序的日志输出
packages命令用于管理Flutter包
precache填充了Flutter工具的二进制工件缓存
run在附加设备上运行你的Flutter应用程序
screenshot从一个连接的设备截图
stop停止在附加设备上的Flutter应用
test对当前项目的Flutter单元测试
trace开始并停止跟踪运行的Flutter应用程序
upgrade升级你的Flutter SDK

支持国际化

名字挺高大上的,其实我就只是想避免字符串的硬编码,结果看文档、看博客、看哔哩哔哩的视频教程,到最后才大概明白是怎么一回事,这里我就不做文字的搬运工了,大家可以看看我学习的几个博客:(内容有重复,各自侧重点不一样)

localizationsDelegates: [
        S.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en', 'US'), // 美国英语
        const Locale('zh', 'CN'), // 中文简体
        //其它Locales
      ],
复制代码

其实在App内完成上面国际化的配置后,Materia的组件就可以实现各个语言的切换(默认是仅有英),接下来说一说我遇到的问题:安装flutter_i18n插件以后,自动生成了相应的代码,但是,注意但是来了。LocaleListResolutionCallback对象无法找到对应的class(undefined class).查看issuse的时候,作者提示更新flutter,我老老实实的更新SDK:flutter upgrade,结果还是失败:

fatal: unable to access 'https://github.com/flutter/flutter.git/': transfer closed with outstanding read data remaining
复制代码

百度谷歌都没有找到解决方案,最后有一位微信大佬南无大乘妙法莲华经给我出了一个主意——直接下载SDK,下载解压后复制到安装目录,给他来一个替换文件夹。结果果然搞定啦! 最后还是要吐一下槽,flutter设计的字符串资源确实相比于Android还是复杂太多啦!

待完成

  • 完成主体颜色手动修改
  • 利用玩安卓的api实现TODO清单功能

参考:一周时间编写你的第二个 Flutter APP
参考:Flutter 分享到第三方应用
参考:Flutter 原生平台交互
源码:https://github.com/Vicent9920/study_flutter

转载于:https://juejin.im/post/5ce0f4706fb9a07eea3242f6

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值