开发实战|知晓云 Flutter SDK 已发布,助力 200 万开发者极速上云

开发实战|知晓云 Flutter SDK 已发布,助力 200 万开发者极速上云作者 严嘉俊 Flutter 是 Google 发布的一个用于创建跨平台 高性能移动应用的框架 随着 Google 在 IO19 宣布 Flutter 支持 Web 平台 就标志着 Flutter 已经全面持所有平台 Flutter 提供了非常友好的文档 开发过程中遇到的问题都可以在 Stackoverflo 或其 github issue 中找到答案 帮助各端的同学迅速地进入到

大家好,我是讯享网,很高兴认识大家。

作者|严嘉俊

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,我们需要三步走:

  1. 构建基本结构和样式
  2. 引入知晓云 SDK
  3. 对 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
小讯
上一篇 2025-02-09 14:39
下一篇 2025-03-18 21:23

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/54957.html