Flutter
文章平均质量分 83
mrRuby
这个作者很懒,什么都没留下…
展开
-
Flutter-网络请求封装
一、前言网络请求是我们App开发过程中的重要内容,大部分App都需要和服务器进行数据交互,因此在开发过程中,我们需要封装我们网络请求的代码,对request、response以及error做统一处理,减少业务开发中的样板代码。二、使用DIO进行网络通讯2.1 配置网络请求的基本信息关于dio的具体用法参考dio官方文档。按照下面方式配置diopackage:dependencies: dio: ^4.0.4在网络请求中,我们通常需要配置服务器的地址以及超时等,这里我们新建一个http_co原创 2022-01-24 18:45:35 · 4028 阅读 · 0 评论 -
Flutter-JSON转Model以及json_serializable使用步骤
一、前言现在大多数接口返回的数据都是json格式,在面向对象的开发过程中,基本上都需要转换为Model模型,方便在开发中使用。在Android开发中json字符串转Model对象,可以使用Gson、FastJson等,但在Flutter中确没有这么方便。在Flutter中,提供了dart.convert以及json.dart来解析json字符串,但转换后Map对象,要转换为Model对象还需要进一步处理。二、JSON转Modle手动转换2.1 定义Model对象以及转换方法class Photo {原创 2022-01-18 16:55:06 · 5255 阅读 · 0 评论 -
Flutter-了解Future及其用法
一、前言最近在做Flutter网络这块,涉及到耗时操作,显然要用异步编程。在其他语言,比如java、c++等,会使用多线程来实现。而在Dart语言中,它是单线程+事件循环的设计模式,其中主要使用Future来实现异步操作,为了快速的了解Flutter的异步编程,需要熟练Futter的概念以及用法。二、Future是什么同步编程中,立即返回执行的结果或者抛出异常;而异步编程中,返回的是将要完成的结果未来。Future代表异步执行的未来。var future = Future上述代码在执行过程中原创 2022-01-18 16:54:01 · 8016 阅读 · 1 评论 -
Flutter-路由和导航
一、前言在Android开发中,界面的跳转使用的Context.startActivity来实现,界面通常指的Activity,如果我们的设计是单Activity+Fragment来实现,界面的跳转就需要使用FragmentManager来完成。这些概念到了Flutter中有了一些变化。二、路由是什么我们通常使用“屏”来展示应用的不同页面(界面)。比如应用有一屏展示商品列表,点击Item的时候,跳转到新的一“屏”展示商品的详细信息。在Flutter中,屏(screen) 和 页面(page) 都叫原创 2022-01-07 16:08:08 · 1871 阅读 · 0 评论 -
Flutter-登录界面实战
一、前言前面了解了Flutter的适配原理级及适配方案,接下来我们进行一个实战,开发一个登录界面,效果图如下:二、代码实践2.1 LoginPage这里LoginPage使用StatefulWidget来实现:class LoginPage extends StatefulWidget { const LoginPage({Key? key}) : super(key: key); @override _LoginPageState createState() => _Log原创 2022-01-07 16:05:58 · 5865 阅读 · 4 评论 -
Flutter-适配相关
一、前言做移动应用开发,各个系统都自己的适配方案,比如Android可以用dp、sp来描述大小,IOS使用pt来描述。但是入手Flutter后,却发现我们要描述的widget的大小没有单位,比如Container( width: 40, height: 40,),那么这个40到底是什么意思呢?px、dp或者dp,其实都不是。二、了解的Flutter的尺寸测试手机信息:720 * 1080 320dpi。运行以下测试代码void main(){ runApp(MaterialA原创 2021-12-31 11:14:19 · 2174 阅读 · 2 评论 -
Flutter - Hello world
一、概要Flutter发展已经逐步稳定,使用的人群和企业也越来越多,已经逐步得到了大家的认可。最近公司有一个项目,用户相对固定,因此打算使用Flutter来做一次实验,到底能不能做出我们能够接受的效果。二、环境搭建2.1 环境变量配置说明:以下全部操作均在Windows上。官网搭建说明:https://flutter.cn/docs/get-started/install初次使用建议参考一下。这里注意一点:为了正常升级和通过pub package 命令获取packages,需要设置两个环境变量原创 2021-12-31 09:43:31 · 537 阅读 · 0 评论