flutter_notes

flutter_notes

Flutter Dart QQ技术交流群：979966470

本篇练习看似简单，但是已经将应用编写的大部分需要用的功能都贯穿起来进行了实践、并提供了比较好的解决方案，将开发中可能会遇到的很多问题和难点进行了一一解决。

在进行综合实践编写前，我们先整理下我们这里用到的一些知识点：

• 引导页（PageView）
• 顶部ToolBar（AppBar）
• 列表（CustomScrollView）
• 日历（三方库：flutter_custom_calendar）
• 权重（Flexible、Expanded）
• 导航组件（CupertinoTabBar）
• 弹窗（BottomSheet、SnackBar）
• 输入框（TextField）
• 通信（EventBut）
• 路由
• 下拉刷新（RefreshIndicator）
• 数据库（官方库：sqflite）
• 时间格式化
• 生命周期监听
• 返回键拦截
• List的操作
• 复杂布局实现
• 其他

那么我们这个综合实践，就通过以上的一些Widget和技术进行实现一个完整的日记本应用，也可以快速提升我们的开发实战水平。

我们先简单介绍下我们要实现的应用的功能： 日记本有引导页，具备列表显示功能、日记的新建、查看阅读、编辑功能，并加入了搜索功能。日记的数据存储的本地手机数据库内，提供3个页面进行切换。

1.首先是引导页：引导页作为应用的一个基本的功能，会为大家实现并提供解决方案。

2.应用页面基本框架：包括一个底部导航栏，带三个页面切换，并在切换时保持页面数据状态。

3.日记的增删改查功能：存储在手机自带数据库中。

4.日记的搜索功能。

5.关于页面。

6.列表时时通知更新功能。

7.复制剪贴板功能等。

项目开发环境： Windows 10

Flutter v1.7.8

Android Studio 3.4

Dart 2.2.0

项目的dart代码结构如下：

使用到的第三方库如下：

• sqflite：数据库操作

• path_provider：目录路径的读取

• oktoast：实现Toast提示

• event_bus：通信

• flutter_custom_calendar：日历功能

部分效果预览图：

静态效果图：

后续更新计划：

这个项目也会持续更新，开源。后续更新内容：

登录页、注册页、密码锁的绘制、日历事件的完善、收藏页、主题切换、天气和表情及图片的添加等。

预览APK地址：https://github.com/jaychou2012/flutter_notes/raw/master/app-release.apk

《从零开始学Flutter》已出版

新书涵盖Flutter最新的大部分的组件技术和内容，从零开始深入讲解其中涉及的技术点，包括：Dart基础 、Flutter基础组件、Flutter开发规范、路由与生命周期、Http网络请求、应用打包与发布等，值得购买阅读。

纸质书购买：

京东 天猫 当当