Flutter
关注
分享
扫一扫
niceyoo
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
01-Flutter移动电商实战-项目学习记录
01-Flutter移动电商实战-项目学习记录一直想系统性的学习一下 Flutter，正好看到该课程《Flutter移动电商实战》的百度云资源，共 69 课时，由于怕自己坚持不下去（经常学着学着就不学了），故采用博客监督以记之。1、项目相关截图2、项目知识点梳理图Dio2.0: Dio是一个强大的 Dart Http 请求库，支持 Restful API、FormDat...原创 2019-06-13 09:47:00 · 2055 阅读 · 24 评论 -
67-Flutter中高德地图插件的使用
1、注册和建立高德API应用高德网站：https://lbs.amap.com/控制台-应用管理-创建应用在创建 Key2、获得SHA1进入Flutter项目中的android文件夹内，打开任意一个文件：比如进入 build.gradle，右上角会有 Open for Editing an Android Studio点击一下，在新窗口打开该android项...原创 2019-06-27 11:16:00 · 3449 阅读 · 1 评论 -
flutter中的异步机制Future
饿补一下Flutter中Http请求的异步操作。Dart是一个单线程语言，可以理解成物理线路中的串联，当其遇到有延迟的运算（比如IO操作、延时执行）时，线程中按顺序执行的运算就会阻塞，用户就会感觉到卡顿，于是通常用异步处理来解决这个问题。Dart异步编程有两种方式：Future和StreamFuture相当于40米大砍刀，Stream相当于一捆40米大砍刀。dart提供了关键字as...原创 2019-06-20 10:02:00 · 4024 阅读 · 0 评论 -
12-Flutter移动电商实战-首页导航区域编写
12-Flutter移动电商实战-首页导航区域编写1、导航单元素的编写从外部看，导航是一个GridView部件，但是每一个导航又是一个上下关系的Column。小伙伴们都知道Flutter有多层嵌套的问题，如果我们都写在一个组件里，那势必造成嵌套严重，不利于项目以后的维护工作。所以我们单独把每一个自元素导航拿出来，一个方法，返回一个组件。代码如下：详细的解释可以观看视频。class...原创 2019-06-15 22:48:00 · 469 阅读 · 0 评论 -
11-Flutter移动电商实战-首页_屏幕适配方案和制作
11-Flutter移动电商实战-首页_屏幕适配方案和制作1、flutter_ScreenUtil插件简介flutter_ScreenUtil屏幕适配方案，让你的UI在不同尺寸的屏幕上都能显示合理的布局。插件会让你先设置一个UI稿的尺寸，他会根据这个尺寸，根据不同屏幕进行缩放，能满足大部分屏幕场景。github:https://github.com/OpenFlutter/flut...原创 2019-06-15 22:45:00 · 990 阅读 · 0 评论 -
09-Flutter移动电商实战-移动商城数据请求实战
09-Flutter移动电商实战-移动商城数据请求实战1、URL接口管理文件建立第一步需要在建立一个URL的管理文件，因为课程的接口会一直进行变化，所以单独拿出来会非常方便变化接口。当然工作中的URL管理也是需要这样配置的，以为我们会不断的切换好几个服务器，组内服务器，测试服务器，内测服务器，公测上线服务器。所以说一定要单独把这个文件配置出来，这也算是一个开发经验之谈吧。在/lib...原创 2019-06-15 22:34:00 · 867 阅读 · 0 评论 -
06-Flutter移动电商实战-dio基础_Get_Post请求和动态组件协作
06-Flutter移动电商实战-dio基础_Get_Post请求和动态组件协作上篇文章中，我们只看到了 dio 的使用方式，但并未跟应用关联起来，所以这一篇将 dio 网络请求与应用界面结合起来，当然这也是为以后的实战作基础准备，基础打牢，我们才能飞速前进。1、案例说明我们还是作去“大保健”选择服务对象这个例子，不过这次我们使用按钮和动态组件来实现。具体业务逻辑是这样的：我们制作...原创 2019-06-15 21:19:00 · 738 阅读 · 0 评论 -
05-Flutter移动电商实战-dio基础_引入和简单的Get请求
05-Flutter移动电商实战-dio基础_引入和简单的Get请求这篇开始我们学习Dart第三方Http请求库dio，这是国人开源的一个项目，也是国内用的最广泛的Dart Http请求库。1、dio介绍和引入dio是一个强大的Dart Http请求库，支持Restful API、 FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时和自定义适配器等。我相信很...原创 2019-06-15 21:14:00 · 1166 阅读 · 0 评论 -
18-Flutter移动电商实战-首页_火爆专区商品接口制作
1、获取接口的方法在service/service_method.dart里制作方法。我们先不接收参数，先把接口调通。FuturegetHomePageBeloConten()async{try{print('开始获取下拉列表数据.................');Responseresponse;Diodio=newDio();...原创 2019-06-19 23:45:00 · 725 阅读 · 0 评论 -
17-Flutter移动电商实战-首页_楼层区域的编写
1、楼层标题组件该组件非常简单，只接收一个图片地址，然后显示即可：classFloorTitleextendsStatelessWidget{finalStringpicture_address;FloorTitle({this.picture_address});@overrideWidgetbuild(BuildContextcontext)...原创 2019-06-19 23:19:00 · 694 阅读 · 1 评论 -
15-Flutter移动电商实战-商品推荐区域制作
1、推荐商品类的编写这个类接收一个List参数，就是推荐商品的列表，这个列表是可以左右滚动的。/*商品推荐*/class Recommend extends StatelessWidget { final List recommendList; Recommend({Key key, this.recommendList}) : super(key: key);}2、推荐标...原创 2019-06-19 21:44:35 · 483 阅读 · 0 评论 -
04-Flutter移动电商实战-打通底部导航栏
04-Flutter移动电商实战-打通底部导航栏关于界面切换以及底栏的实现可参考之前写的一篇文章：Flutter实 ViewPager、bottomNavigationBar界面切换1、新建4个基本dart文件在pages目录下，我们新建下面四个dart文件。home_page.dart :商城首页UI页面，首页相关的UI我们都会放到这个文件里。 category_page.da...原创 2019-06-14 20:45:00 · 476 阅读 · 0 评论 -
03-Flutter移动电商实战-底部导航栏制作
03-Flutter移动电商实战-底部导航栏制作1、cupertino_IOS风格介绍在Flutter里是有两种内置风格的：material风格： Material Design 是由 Google 推出的全新设计语言，这种设计语言是为手机、平板电脑、台式机和其他平台提供一致，更广泛的外观和感觉。我喜欢称它为纸墨设计。Material Design 风格是一种非常有质感的设计风格，并会...原创 2019-06-14 20:43:00 · 499 阅读 · 0 评论 -
02-Flutter移动电商实战-建立项目和编写入口文件
02-Flutter移动电商实战-建立项目和编写入口文件环境搭建请参考之前写的一篇文章：Flutter_初体验_创建第一个应用1、创建项目采用AndroidStudio构建本项目，FIle>New>New Flutter Project…创建后的项目如下图所示：我们着重需要注意一下几个文件夹,其他的暂时不用理会文件夹 作用 android ...原创 2019-06-14 09:12:00 · 644 阅读 · 0 评论 -
AndroidStudio中Flutter打包APK
1、生成签名文件在打包之前我们需要一个签名文件，证明文件的唯一性。keytool-genkey-v-keystoreF:\APP\sign.jks-keyalgRSA-keysize2048-validity10000-aliassignF:\APP\sign.jks为签名问价存放目录，sign 为密钥名。后面都有用，请牢记。在控制台输入上方指令后，...原创 2019-06-18 17:03:00 · 4553 阅读 · 0 评论 -
68-Flutter中极光推送的使用
1、申请极光账号和建立应用极光推送的官方网址为：https://www.jiguang.cn/注册好后，进入'服务中心',然后再进入'开发者平台'，点击创建应用。这时候会出现新页面，让你填写“应用名称”和上传“应用图标”。创建完成，极光平台就会给我们两个key。appKey : 移动客户端使用的key Master Secret ： 服务端使用的key我们这里只做移...原创 2019-06-27 11:23:00 · 1060 阅读 · 1 评论