需求分析 首页大接口 首页大接口：一个接口给出了所有的数据，用于页面的渲染 给出了对应模块的Model：HomeModel，CommonModel，GridNavModel，SlesBoxModel，ConfigModel 创建模型（Model） 创建页面所需的各种模型，到时候用于渲染组件的数据。 各种手动封装对象。 首页大接口Dao的实现 json中的List转对象的List： var localNavListJson = json['localNavList'] as List; List&…
目录 一、错误 二、报错信息 三、报错原因 四、解决方法 （1）声明可空参数 （2）给参数赋默认值 （3）使用required标记 一、错误 在Dart中，定义一个带有可选参数的函数时，使用下面这种写法提示错误（Dart SDK version: 2.17.1 (stable)）。 二、报错信息 报错信息如下： The parameter 'name&…
高级功能列表下拉刷新与上拉加载更多 如何实现列表下拉刷新? 如何实现上拉加载更多? 如何实现列表下拉刷新? 在Flutter中有一个RefreshIndicator，它是一个下拉刷新的widget，通过它我们可以实现列表的下拉刷新。 return MaterialApp( title: title, home: Scaffold( appBar: AppBar( title: Text(title) ,), body: RefreshIndicator( onRefresh: _handleRefresh,chil…
基于GridView实现网格布局 认识GridView? 练一练 GridView是flutter中用于展示网格布局风格的widget，我们通常使用GridView.count构造函数来创建一个GridView . return MaterialApp( title: title, home: scaffold( appBar: AppBar( title: Text(title) ,) , body : GridView.count( crossAxisCount: 2, children: _buildList…
需要实现的需求 基于ExpansionTile实现可展开的列表 认识ExpansionTile const ExpansionTile({ Key key, this.leading,l/标题左侧要展示的widget required this.title,//要展示的标题widgetthis.backgroundColor,//背景 this.onExpansionChanged ,/l列表展开收起的回调函数 this.children = const <widget>[],/l列表展开时显示的wid…
基于ListView实现水平和垂直方式滚动的列表 基于ExpansionTile实现可展开的列表 基于GridView实现网格列表 高级功能列表下拉刷新与上拉加载更多功能实现 我们在《快速上手Flutter开发》一章的布局与列表中讲解过ListView，ListView的点击事件、ListView动态更新以及使用ListView.Builder来构建列表，对这块还不熟悉的同学可以看下上面的这些课程，在这节呢我们主要讲解ListView的两个常见的应用场景水平列表与垂直列表。 如何实现垂直滚动列表? import &…
基于shared_preferences的本地存储操作 shared_preferences是什么? shared_preferences有那些常用的API ? 如何使用shared_preferences ? 基于shared_preferences实现计数器 什么是shared_preferences? shared_preferences是Flutter社区开发的一个本地数据存取插件: 简单的，异步的，持久化的key-value存储系统; 在Android上它是基于SharedPreferences的; 在i…
JSON解析与复杂模型转换 应该是有那种JSON序列化方式? 复杂JSON解析? 如何序列化? 提升效率:在线转换JSON TO Dart ? 应该是有那种JSON序列化方式? 小型项目:手动序列化; 大型项目:借助插件生成json_serializable和built_value; 其实大型项目使用手动+借助下面提到的在线转换的方式更加灵活高效; 如何序列化? String jsonStr = 'i "icon":"http://www.devio.org/io/flutt…
异步:Future与FutureBuilder 什么是Future ? 什么是FutureBuilder ? Future的常见用法? FutureBuilder常见的用法? 什么是Future? Future表示在接下来的某个时间的值或错误，借助Future 我们可以在Flutter实现异步操作。 它类似于ES6中的Promise，提供then和 catchError的链式调用; Future是dart:async包中的一个类，使用它时需要导入dart:async包,Future有两种状态: pending -执…
当我们在开发Flutter的时候，肯定会和后端接口对接去请求后端的数据，那么本次我们将，讲解Flutter如何请求数据，以及如何封装返回结果。 话不多说直接上，首先根据Flutter官方网站的描述，需要在pubspec.yaml引入一个http库这样就能够发送http请求了。 step1： #pubspec.yaml dependencies: flutter: sdk: flutter flutter_localiz…