StudyFlutter——我的第一个APP

3,683 阅读3分钟

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

欢迎页

首页

更多菜单

分享(IOS未实现

时间筛选

收藏列表

删除列表

空列表

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还是复杂太多啦!

已完成

  • 收藏文章,删除收藏文章
  • 根据日期查看发布的所有文章
  • 设置主题颜色
  • 复制文章文本以及直接分享文章实现Todo功能(吹下的牛,哭着写完的)

参考:一周时间编写你的第二个 Flutter APP

参考:Flutter 分享到第三方应用

参考:Flutter 原生平台交互

源码:https://github.com/Vicent9920/study_flutter