![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter 学习
迷途小顽童
做一个快乐的小顽童
展开
-
Flutter 学习 - Widget 之 手势识别
前言在进行Android开发的时候我们通常会遇到事件这个词,比如OnTouch事件,点击事件等等,Android中的点击事件是直接在控件上进行添加,那在Flutter中我们需要怎么给Widget添加一些事件呢,这篇文章将介绍Flutter中的手势事件在Flutter中我们发现按钮有onPressed来响应点击事件,但是我们如果想要监听Text,就会看到没有onPressed这个属性,想要给...原创 2020-02-21 15:54:39 · 755 阅读 · 1 评论 -
Flutter 学习 - Widget 之 菜单按钮
前言铛 ,铛 ,铛,终于又要更新了,最近工作事情比较多,很久没有进行Flutter章节的进度更新,今天我们来看下Flutter中菜单按钮的使用方法,这个按钮的名字叫做PopupMenuButton,老规矩,先看下效果正文PopupMenuButton其实就是一个按钮,在点击按钮的时候可以弹出类似于Android的选项菜单的框使用方式PopupMenuButton<St...原创 2020-02-21 15:53:59 · 607 阅读 · 1 评论 -
Flutter 学习 - 在原生Android项目中添加Flutter项目
前言前面的文章介绍了纯Flutter项目的打包方式,但是对于很多人来说可能已经存在了一套Android框架的项目,所以如何在现有原生Android项目中添加Flutter成了大部分人的需求,下面我们就来看下如何在现有的Android项目中添加Flutter项目。正文1、创建Flutter项目在集成之前,首先我们要有自己的原生Android项目,如下图图中画出了Android项目的完...原创 2020-02-20 17:45:19 · 715 阅读 · 1 评论 -
Flutter 学习之打包 - 纯Flutter项目生成Android包
###前言前面介绍了Flutter中一些基本Widget的使用方法,下面我们来先下实战中是如何构建生成Android包的,本文我们主要介绍纯Flutter项目生成Android包的方法,以及遇到的问题###正文1、生成签名文件这个步骤对于一个Android开发来说应该是很简单的,这里我就不进行赘述,需要的小伙伴可以参考Android的签名文件生成两种方法2、配置gradle文件...原创 2020-02-20 17:44:49 · 3493 阅读 · 0 评论 -
Flutter 学习 - Widget 之 对话框
前言本篇我们介绍Flutter中常用的对话框,先看下效果图正文Flutter 中对话框也是Widget,有两种显示对话框的方法,对于对画框对使用还有特殊要求,我们后面介绍,先来看下这两种方法1.showAboutDialog()2.showDialog()我们来逐一看下这两个方法关于对话框 – showAboutDialog()使用方法 showAbou...原创 2019-08-17 21:39:29 · 526 阅读 · 1 评论 -
Flutter 学习 - Widget 之 Image和Icon
前言前面的文章中我们介绍了文字展示Widget,在实际的开发中我们不仅仅只会用文字进行内容展示,还会用到很直观的内容控件 - 图片,在Flutter中图片的展示Widget有两个:Image和Icon,下面我们来逐个介绍这两个Widget。###1、使用 - Image加载本地资源在Flutter工程的根目录下创建一个images目录(名字可以随意,images比较直观),然后将...原创 2019-07-31 16:58:20 · 370 阅读 · 1 评论 -
Flutter 学习 - Widget 之 TextField
前言本章介绍Flutter中文本输入框Widget - TextField,在实际项目中输入框可谓是不可缺少的,无论是注册登录还是意见反馈,直至到评论这些很常见到功能都需要用户进行输入操作,那Flutter中如何使用TextField进行文本输入呢,下面我们来介绍下。使用方式最简单的使用方式:TextField()效果如下:源码分析下面我们看下TextFiled的源码co...原创 2019-08-03 22:25:25 · 532 阅读 · 1 评论 -
Flutter 学习 - Widget 之 RichText
前言我们在进行开发的时候经常会遇到一段文本中会有不同的字体,不同的颜色展示,在Android开发中我们会使用SpannableString或者Html.fronHtml来进行处理,那么在Flutter中如何处理来做这样的展示呢,Flutter为我们提供了一个可以展示多中样式的Widget - RichText。使用首先先看下在最简单的使用方法 RichText( ...原创 2019-07-29 17:01:24 · 485 阅读 · 1 评论 -
Flutter 学习 - Widget 之 Text
前言什么是WidgetWidget是学习Flutter的基础,用于构建UI,相当于Android中的View,IOS中的UIView一样。文本显示Widget – TextText是Fultter 中文本展示的控件,类似于Android中的TextView,Flutter中还有另一种文本展示Widget - RichText(将在下篇文章中介绍)使用先来看下代码中最简单的使用...原创 2019-07-29 17:00:37 · 712 阅读 · 1 评论 -
Flutter学习-网络请求和数据解析
前言在这个内容为王的时代,数据涞源一般都会来源于网络,所以一款app,现在都离不开要通过网络来获取数据,对于客户端来说,获取网络数据就需要在客户端集成网络请求,Flutter官方为我们提供了HttpClient来发起网络请求,可以参考在Flutter中发起HTTP网络请求转折虽然Flutter官网提供了自己的网络请求,但是官方还有一句话,是说HttpClient本身功能较弱,很多...原创 2019-04-01 09:57:01 · 2133 阅读 · 0 评论 -
Flutter 学习- 基础框架
关于Flutter的安装以及完成helloword的开发大家可以参考Flutter 起步 Flutter 配置编辑器 Flutter 起步: 体验前言在实际的项目开发中,我们目前市面上所看到的项目,如抖音、微信、淘宝分析上图其基本框架大致如下正文 -- 效果图下面我们就来实现上面图中内容的实现方式,先来看下效果图正...原创 2019-03-30 22:29:07 · 304 阅读 · 0 评论 -
Flutter 学习 - 开篇
什么是FlutterFlutter是谷歌的移动UI框架,一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序,也可以与现有的代码一起工作。Flutter的目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序,兼容滚动行为、排版、图标等方面的差异。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源...原创 2019-03-29 15:07:44 · 211 阅读 · 0 评论