6 谢栋_

尚未进行身份认证

我要认证

选择比能力更重要

等级
TA的排名 1w+

Flutter 城市/通讯录列表字母索引联动效果实现

在像通讯录,联系人列表,城市选择列表等数据量比较多的长列表页面中国呢,我们经常会留意到产品设计会在页面的右侧区域提供一个竖向的字母索引列表,供用户点击选择快速定位到长列表中的指定索引位置,以便于用户快速定位到自己要筛选的数据,从而提升用户体验,今天我们就以`城市列表`为例,来剖析一下,这样的体验效果如果用`Flutter`来实现

2020-04-30 10:57:50

Flutter 验证码倒计时Widget封装

在日常开发过程中,像倒计时这样的场景使用的还是比较多的,比如延时完成一段逻辑,或者在启动页先加载一个闪屏广告,倒计时间到之后再进入app,更常见的场景就是我们在获取手机验证码时用于友好提示用户的等待试图。本次博文我们就一起来了解下基于flutter封装一个倒计时widget的全过程

2020-02-28 17:07:50

Flutter入门进阶之旅(二十)Flutter插件开发

鉴于现阶段Flutter技术栈还不是太成熟,在使用Flutter做移动端开发时我们经常需要借助Native平台的力量来补充Flutter在这方面的缺陷,前面两章我们通过学习**把Flutter项目打包成AAR集成到原生平**跟**Flutter与原生平台交互**掌握了Flutter与原生平台交互的两种方式,但是有些场景下,我们希望我们Flutter跟原生交互的代码可以`一次开发多处使用`,类似于库文件一样,可以给其他项目或者其他开发着使用,这就是我们本篇文章要介绍的主题`Flutter的开发`以及`如何

2020-01-20 14:28:36

Flutter入门进阶之旅(十九)Flutter与原生平台交互

经过前面章节的学习,相信读者已经对flutter有了一个整体的认识,并且也能利用flutter平台提供的一些基础组件自己写一些简单的页面逻辑,甚至有些读者可能已经在用纯flutter开发属于自己的app了,但是可能好多读者都会感觉到有些场景下或者说有些原生平台的东西从flutter端是无法获取的,比如系统版本、电池电量、动态权限申请等系统级的API,flutter并没有直接给我提供相关的API去操作,这个时候我们可能就需要通过与原生平台交互来获取这些数据。

2019-12-31 08:35:32

Flutter入门进阶之旅(十八)Flutter项目打包成aar集成到原生Android项目

前言在前面的章节学习中我们已经掌握了从最基本的·hello flutter到各种基本Widget、各种布局的使用再到多页面切换路由的使用还有各种炫酷的提示跟dialog,还有关于网络请求库Dio的使用...

2019-10-16 09:11:05

Flutter入门进阶之旅(十七)Flutter dio网络请求

前面关于Flutter的讲解部分我把关于flutter的基础入门部分带着大家梳理了一遍,那从本篇博客开始,我们开始进入新的领域,也算是给进阶篇开个头,今天我们来一块学习一下Flutter中的网络请求库--->`Dio`,关于Flutter原生带的Http使用起来不论在功能上还是扩展上都不是那么的强大,鉴于此笔者在这里推荐大家在项目中使用`Dio`封装网络请求库。关于Http的使用读者可自行查阅资料学习

2019-08-31 13:15:36

VUE父子组件之间的传值

前言使用vue进行项目开发的时候,免不了组件之间的通信。父组件传递给子组件的值,子组件可以通过props获取。子组件想要改变数据,只能通过触发事件告诉父组件。今天的分享我们就通过实例代码来看下VUE中关于父子组件传值的具体方式1.父组件向子组件传值在开篇中我们提到父组件向子组件中传值,我们通过props从父组件传递到子组件中去,下面我们就结合代码来具体看下:父组件<template...

2019-07-22 15:17:53

Flutter入门进阶之旅(十六)Scaffold 脚手架

在本栏的前面章节的学习中,我们基本上把Flutter中所有的常用布局、组件包括多页面跳转路由都介绍过了,细心的读者可能会发现在前面的课程中我们每次新建一个Flutter Page的时候都会在根布局的build方法中直接return一个Scaffold然后,再通过配置Scaffold中的相关属性来快速的渲染页面布局:没错Scaffold的出现就是为了帮助我们实现基本的 Material Desig...

2019-05-17 14:38:26

Flutter入门进阶之旅(十五)ListView下拉刷新&上拉加载更多

上期回顾在上一篇博文中我们在介绍ListView跟GridView的时候,限于篇幅问题我们只讲解了此二者的简单的使用方法说明,关于一些在实际开发中更常用的细节问我们并没有来得及跟大家展开讲解,比如我们在使用长列表的时的下拉刷新或者上拉加载更多的逻辑处理,今天的这篇文章我们就来着重分析一下在flutter中我们是如果实现长列表的下拉刷新跟上拉加载更多操作的。...

2019-04-12 10:46:28

Flutter入门进阶之旅(十四)ListView&GridView

在之前讲Layout Widget的文章中,我们掌握了基于不同的场景适当的选择不同的Widget来完成我们的布局要求,但是关于长列表的数据展示我们并没有做展开介绍,而长列表的身影几乎出现在日常生活中的任意一款APP中,鉴于它的重要性,所以我想单独作为一个章节来讲解长列表Widget—ListView&GirdView。...

2019-04-10 12:42:34

WebView下拉刷新与SwipeRefreshLayout事件冲突解决

冲突分析:SwipeRefreshLayout是Android在Support.v4包中为我们提供的用户刷新UI的一个组件,大部分场景下我们会使用它包裹RecyclerView,在列表上下拖动到顶部时继续向下滑动视图触发刷新事件,我们可以通过给SwipeRefreshLayout设置OnRefreshListener通过回调方法onRefresh()来完成下拉刷新事件的监听动作。但是当我们把We...

2019-04-01 17:57:38

Flutter入门进阶之旅(十三)Flutter 路由

距离上一篇专栏已经过去好长时间了,小伙伴们都等急了吧,刚刚过了个年,笔者刚刚从吃喝睡的状态复苏回来,开始马不停蹄的进入到工作状态,题外话说的有点多,接下来我们开始进入我们本篇博文的主题Fluttter 路由。在本篇博文更新之前就有好多读者给我留言说专栏里讲到的东西都只能在一个页面上操作,涉及到多页面的时候不知道该怎么跳页或者不知道怎么给下一个页传值,那这期分享确实来的有点晚,通过本次的分享,读...

2019-02-20 15:33:58

Flutter入门进阶之旅(十二)Flutter 数据存储

前言之前的章节我们基本上把Flutter中基础部分的东西都做了简单的讲解,通过前面章节的循序学习读者也基本能完成一些简单的UI绘制并能利用Flutter处理一些简单的用户交互,读者可能也留意到,我们之前的章节中所学习到的内容并没有涉及到数据存储方面的操作,或者说,我们到现在为止并不知道在Flutter中数据应该怎么存,存在哪。本篇博文中笔者将会为大家解决这一疑惑。关于Flutter中的数据...

2019-01-26 14:39:41

Flutter入门进阶之旅(十一)Index&Chose

延续上一节的内容,上一节我们讲解了各种Dialog跟提示,其中包括轻量级跟非轻量级,我们了解到了像SnackBar、Tooltip、Dialog等各种具有提示交互作用的Widget,今天我们继续上一篇的内容,来一块了解一下各种用于进度显示的Widget跟checkBox等选择作用的Widget。...

2019-01-21 12:02:43

借助Github Page把你的React项目部署到线上环境

引言一般我们部署前端项目都会自己搭或者租用一个服务器然后把项目打包成静态文件后部署到服务器上,再购买一个域名通过ip指向具体的服务器地址之后,然后就可以把项目对应的域名提供给别人访问了,如果是公司项目或者比较大的商用项目这很合乎情理,但是如果是个人项目的话,服务器跟域名也也算是一笔不菲的开销了,今天我就给个人开发者带来一种免费部署前端项目的解决方案。我今天来讲解下利用github page...

2019-01-15 16:40:46

Flutter入门进阶之旅(十)Dialog&Toast

做原生开发的时候,我们都知道要想让一个app做的活灵活现,与用户交互时有更棒的体验,各种样式美轮美奂的对话框跟提示是必不可少的,Flutter在设计对话框的时候充分考虑到了在UI上的体验,帮助我们设计了一整套的基于material design风格的对话框以及轻量级的用于提示的widget。看完上面的效果图,读者是不是也觉得这一套UI设计给人以很棒的体验,下面我们就逐一介绍下上图中出现的常...

2019-01-15 11:15:04

Flutter入门进阶之旅(九)StatelessWidget & StatefullWidget

引言在前面的学习中我们接触到了flutter中各种基本组件的使用,也学习了一些常用的布局排版方式,掌握了根据不同的UI widget合理的选用不同的Layout方式进行布局,但是我们好像在前面的学习中所有的UI都是静态的,没有任何交互式的体验,换句话说我们在之前所掌握的flutter知识都是比较死板的静态UI页,缺少了那么一点灵动性,那今天这篇文章就算是一个过渡,今天我会带领大家简单认识下fl...

2019-01-05 14:39:21

Flutter入门进阶之旅(八)Button Widget

引言上一篇博文中我们学习了GestureDetector,了解到借助GestureDetector可以赋予某些本身不具备点击回调的widget点击回调能力,完成跟用户的一些简单手势交互并作,上一篇博客中我们也提到了有些widget像RaisedButton和FloatingActionButton控件本身就有onPressed回调,当用户点击控件时触发回调。本篇博客中我们就把各种Button归类...

2018-12-26 17:49:42

Flutter入门进阶之旅(七)GestureDetector

引言:GestureDetector在Flutter负责处理跟用户的简单手势交互,GestureDetector控件没有图像展示,只是检测用户输入的手势,并作出相应的处理,包括点击、拖动和缩放。许多控件使用GestureDetector为其他控件提供回调,比如IconButton、RaisedButton和FloatingActionButton控件有onPressed回调,当用户点击控件时触发...

2018-12-24 18:34:39

Flutter入门进阶之旅(六)Layout Widget

往期回顾:        前面几期的专栏对大家来说学习起来还算轻松加愉快,我们简单认识了flutter这门新技术,并且尝试着学习了像Text、Image、TextField几个简单的Widget,并且我们用这几个Widget做了一些简单的交互,好像我们并没有注重Widget的显示位置跟排版,我们只是让他显示出来而已,然后要想把这些Widget组合起来放在一个渲染到整个手机屏幕上,我们需要合理的...

2018-12-21 18:11:56

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 技术圈认证(专家版)
    技术圈认证(专家版)
    博客专家完成年度认证,即可获得
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力计划专属勋章
    原力计划专属勋章
    2019年《原力计划【第一季】》专属勋章,现已经开启第二季活动啦,小伙伴们快去参加吧
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 博客之星-入围
    博客之星-入围
    授予每年博客之星评选结果第21-200名的用户
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。