作者|严嘉俊
Flutter 是 Google 发布的一个用于创建跨平台、高性能移动应用的框架。随着 Google 在 IO19 宣布 Flutter 支持 Web 平台,就标志着 Flutter 已经全面持所有平台。
Flutter 提供了非常友好的文档,开发过程中遇到的问题都可以在 Stackoverflow 或其 github issue 中找到答案,帮助各端的同学迅速地进入到 Flutter 中。同时它的完全开源也让其有了更快的迭代,更好的生态。
根据谷歌官方 2020 年 4 月的统计数据,Flutter 自发布以来的 16 个月内,已有 200 万开发者使用 Flutter,3 月份的时候也有 10% 的增长,Google Play Store 中发布的 Flutter 应用约有 5 万个,仅在 2020 年 4 月就有近 1 万个应用上传。开发者所在的团队,初创公司最多,占比 35%,其次是企业开发者,占比 26% 。

讯享网
🔺 来自谷歌开发者《Flutter 势头正盛 | 2020 春季速递》
知晓云正式支持 Flutter,同样也标志着知晓云已经全面支持所有平台了。开发者通过使用知晓云 Flutter SDK ,可以在 Flutter 中操作存储在知晓云中的数据表、内容库、媒体文件,以及调用云函数进行后端逻辑的执行,节省了搭建服务器、数据库,域名备案,数据接口实现等繁琐流程,开发应用门槛更低、效率更高。
现在,我们将结合知晓云 Flutter SDK 来实战做一个 Todo App,看看有多方便多快捷。

🔺Todo App demo
开发实战
构建一个 Todo App,我们需要三步走:

- 构建基本结构和样式
- 引入知晓云 SDK
- 对 Todo 数据进行增删查改
可下拉至文末,直接观看教学视频。
构建基本结构和样式
1)创建一个新项目
a. 使用 Flutter create 命令创建一个 project:
$ flutter create todoApp $ cd todoApp
讯享网
上述命令创建一个 Flutter 项目,项目名称为 todoApp,其中包含一个使用 Material 组件的简单演示应用程序。
b. 将 lib/ 下的 main.dart 里面的代码全部删除。
2)准备工作
首先我们先在 lib 文件夹新建一个 pages 文件夹并在该文件夹里创建一个 home.dart 文件作为我们的首页。

然后在 home.dart 这个文件里,创建一个 stateful widget,添加引入 material 库。
讯享网import 'package:flutter/material.dart'; class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); } class _HomePageState extends State<HomePage> { @override Widget build(BuildContext context) { return Container( ); } }
最后在 main.dart 中引入该页面即可。
import 'package:flutter/material.dart'; import './pages/home.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidg
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/54957.html