随笔分类 - Flutter
摘要：1、申请极光账号和建立应用 极光推送的官方网址为：https://www.jiguang.cn/ 注册好后，进入'服务中心',然后再进入'开发者平台'，点击创建应用。 这时候会出现新页面，让你填写“应用名称”和上传“应用图标”。 创建完成，极光平台就会给我们两个key。 appKey : 移动客户端
阅读全文
摘要：1、注册和建立高德API应用 高德网站：https://lbs.amap.com/ 控制台-应用管理-创建应用 在创建 Key 2、获得SHA1 进入Flutter项目中的android文件夹内，打开任意一个文件： 比如进入 build.gradle，右上角会有 Open for Editing a
阅读全文
摘要：1、界面分析 通过下图我们可以拆分成 4 部分，头部、订单标题区域、订单列表区域、ListTitle同用部分。 2、UI编写 2.1、头部 主要用到了圆形头像裁剪组件-ClipOval 顶部头像区域Widget _topHeader(){ return Container( width: Scree
阅读全文
摘要：饿补一下Flutter中Http请求的异步操作。 Dart是一个单线程语言，可以理解成物理线路中的串联，当其遇到有延迟的运算（比如IO操作、延时执行）时，线程中按顺序执行的运算就会阻塞，用户就会感觉到卡顿，于是通常用异步处理来解决这个问题。 Dart异步编程有两种方式：Future和Stream F
阅读全文
摘要：1、获取接口的方法 在service/service_method.dart里制作方法。我们先不接收参数，先把接口调通。 Future getHomePageBeloConten() async{ try{ print('开始获取下拉列表数据.................'); Response
阅读全文
摘要：1、楼层标题组件 该组件非常简单，只接收一个图片地址，然后显示即可： class FloorTitle extends StatelessWidget { final String picture_address; FloorTitle({this.picture_address}); @overr
阅读全文
摘要：底栏切换每次都重新请求是一件非常恶心的事，flutter 中提供了AutomaticKeepAliveClientMixin 帮我们完成页面状态保存效果。 1、AutomaticKeepAliveClientMixin AutomaticKeepAliveClientMixin 这个 Mixin 是
阅读全文
摘要：1、推荐商品类的编写 这个类接收一个List参数，就是推荐商品的列表，这个列表是可以左右滚动的。 /*商品推荐*/class Recommend extends StatelessWidget { final List recommendList; Recommend({Key key, this.
阅读全文
摘要：1、生成签名文件 在打包之前我们需要一个签名文件，证明文件的唯一性。 keytool -genkey -v -keystore F:\APP\sign.jks -keyalg RSA -keysize 2048 -validity 10000 -alias sign F:\APP\sign.jks为
阅读全文
摘要：拨打电话的功能在app里也很常见，比如一般的外卖app都会有这个才做。其实Flutter本身是没给我们提供拨打电话的能力的，那我们如何来拨打电话那? 1、编写店长电话模块 这个小伙伴们一定轻车熟路了，我也就不再多介绍吧。直接看代码，相信都能看懂。 class LeaderPhone extends
阅读全文
摘要：1、AdBanner组件的编写 我们还是把这部分单独出来，需要说明的是，这个Class你也是可以完全独立成一个dart文件的。代码如下： 广告图片class AdBanner extends StatelessWidget { final String advertesPicture; AdBann
阅读全文
摘要：1、导航单元素的编写 从外部看，导航是一个GridView部件，但是每一个导航又是一个上下关系的Column。小伙伴们都知道Flutter有多层嵌套的问题，如果我们都写在一个组件里，那势必造成嵌套严重，不利于项目以后的维护工作。所以我们单独把每一个自元素导航拿出来，一个方法，返回一个组件。 代码如下
阅读全文
摘要：1、flutter_ScreenUtil插件简介 flutter_ScreenUtil屏幕适配方案，让你的UI在不同尺寸的屏幕上都能显示合理的布局。 插件会让你先设置一个UI稿的尺寸，他会根据这个尺寸，根据不同屏幕进行缩放，能满足大部分屏幕场景。 github:https://github.com/
阅读全文
摘要：1、引入flutter_swiper插件 flutter最强大的siwiper, 多种布局方式，无限轮播，Android和IOS双端适配. 好牛X得介绍，一般敢用“最”的一般都是神级大神，看到这个介绍后我也是吃了碗贾玲代言的方便面（一桶半），压了压我激动的心情。 Flutter_swiper的Git
阅读全文
摘要：1、URL接口管理文件建立 第一步需要在建立一个URL的管理文件，因为课程的接口会一直进行变化，所以单独拿出来会非常方便变化接口。当然工作中的URL管理也是需要这样配置的，以为我们会不断的切换好几个服务器，组内服务器，测试服务器，内测服务器，公测上线服务器。 所以说一定要单独把这个文件配置出来，这也
阅读全文
摘要：在很多时候，后端为了安全都会有一些请求头的限制，只有请求头对了，才能正确返回数据。这虽然限制了一些人恶意请求数据，但是对于我们聪明的程序员来说，就是形同虚设。这篇文章就以极客时间 为例，讲一下通过伪造请求头，来获取极客时间首页主要数据。（不保证接口和安全措施一直可用哦，赶快练习吧） 查看极客时间的数
阅读全文
摘要：上篇文章中，我们只看到了 dio 的使用方式，但并未跟应用关联起来，所以这一篇将 dio 网络请求与应用界面结合起来，当然这也是为以后的实战作基础准备，基础打牢，我们才能飞速前进。 1、案例说明 我们还是作去“大保健”选择服务对象这个例子，不过这次我们使用按钮和动态组件来实现。具体业务逻辑是这样的：
阅读全文
摘要：这篇开始我们学习Dart第三方Http请求库dio，这是国人开源的一个项目，也是国内用的最广泛的Dart Http请求库。 1、dio介绍和引入 dio是一个强大的Dart Http请求库，支持Restful API、 FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时和自定
阅读全文
摘要：关于界面切换以及底栏的实现可参考之前写的一篇文章：Flutter实 ViewPager、bottomNavigationBar界面切换 1、新建4个基本dart文件 在pages目录下，我们新建下面四个dart文件。 home_page.dart :商城首页UI页面，首页相关的UI我们都会放到这个文
阅读全文
摘要：1、cupertino_IOS风格介绍 在Flutter里是有两种内置风格的： material风格： Material Design 是由 Google 推出的全新设计语言，这种设计语言是为手机、平板电脑、台式机和其他平台提供一致，更广泛的外观和感觉。我喜欢称它为纸墨设计。Material Des
阅读全文