flutter学习

Flutter 学习笔记 （四）Padding、Row、Column、Expanded组件

Flutter学习笔记（一）安装及运行Flutter学习笔记（二）Container组件、Text组件、图片组件Flutter学习笔记（三）列表Flutter学习笔记（四）Padding、Row、Column
Spy97·2020-08-24 09:08

Flutter 学习笔记 （十一） Drawer 侧边栏

Flutter学习笔记（一）安装及运行Flutter学习笔记（二）Container组件、Text组件、图片组件Flutter学习笔记（三）列表Flutter学习笔记（四）Padding、Row、Column
Spy97·2020-08-24 09:08

Flutter 学习笔记 （十）AppBar 定义 Tab 切换

Flutter学习笔记（一）安装及运行Flutter学习笔记（二）Container组件、Text组件、图片组件Flutter学习笔记（三）列表Flutter学习笔记（四）Padding、Row、Column
Spy97·2020-08-24 07:13

Flutter学习六之实现一个带筛选的列表页面

上期实现了一个网络轮播图的效果，自定义了一个轮播图组件，继承自StatefulWidget，我们知道Flutter中并没有像Android中activity的概念。页面见的跳转是通过路由从一个全屏组件跳转到另外的一个全屏组件，那如果我想在A组件中更新B组件的数据应该怎么实现呢？今天我们来实现一个支持筛选的列表页面。前面我们已经实现来一个支持下拉刷新和上拉加载更多的列表组件，这里就不在做更多介绍来，
冷空气却清晰·2020-08-24 06:43

Flutter学习四之实现一个支持刷新加载的列表

上一篇文章用Scaffoldwidget搭建了一个带底部导航栏的的项目架构，这篇文章就来介绍一下在flutter中怎么实现一个带下拉刷新和上拉加载更多的一个列表，这里用到了pull_to_refresh的第三方库。1、在pubspec.yaml文件中加入一行代码，导入第三方库。dependencies:pull_to_refresh:^1.6.12、新建一个类，继承自StatefulWidget来
冷空气却清晰·2020-08-24 06:11

Flutter学习五之网络请求和轮播图的实现

上期讲到了，怎样实现一个下拉刷新和加载更多的列表，数据更新，需要使用到网络请求，在flutter中，怎样实现一个网络请求呢官方使用的是dartio中的HttpClient发起的请求，但HttpClient本身功能较弱，很多常用功能都不支持。所以这里我们直接使用国内的开源库dio，dio是一个强大的DartHttp请求库，支持RestfulAPI、FormData、拦截器、请求取消、Cookie管理
冷空气却清晰·2020-08-24 06:11

flutter学习之踩坑

flutterrun报错解决方法：将flutter.gradle里的版本换成可正常编译的版本，从3.2.1换成3.4.1将build.gradle里的版本换成可正常编译的版本，从3.2.1换成3.4.1转载于:https://juejin.im/post/5d0762f7f265da1bd605a514
weixin_34151004·2020-08-23 20:51

flutter学习笔记（随缘更新）

最近正在从零开始学习flutter，就想找个地方存放一下自己觉得有用的知识点(肯定是亲测有用的)，如果刚好也能帮到你那就再好不过了。ps：我用的是AndroidStudio进行flutter开发的，用自己的手机真机测试。一、修改APP的名称注意：Android和IOS要分别进行修改，两个互不影响，你可以改成两个不一样的名字Android：在android/app/src/main/AndroidM
Single__Cat·2020-08-23 18:48

Flutter学习-使用第三方包

【声明：】本文是作者（蘑菇v5）原创，版权归作者蘑菇v5所有，侵权必究。本文首发在。如若转发，请注明作者和来源地址！未经授权，严禁私自转载！step1：打开pubspec.yaml文件，在dependencies下添加包的名称和版本，如下图红色1处：添加包的依赖step2：点击Packagesget命令来获取工程配置文件所添加的引用包，如上图红色2处step3：打开main.dart文件，导入ur
蘑菇v5·2020-08-23 10:53

flutter实战项目，教你使用flutter打造微信app页面！

这是一个仿照微信样式基于flutter实现的app，还在继续完善中，欢迎提意见包含了flutter中基本所有的组件，适合以此项目进行flutter学习。
dzou·2020-08-22 14:47

Flutter 学习脑图笔记，可方便查找与搜索！

Flutter学习笔记思维导图，包含常用组件的基础属性，可在源文件中直接搜索，也可作为一个常用必备的手册。适合人群新手：便于新手学习和理解常用的组件，以及基础属性。大小牛：以备不时需的查找。如何使用？
gdky005·2020-08-21 19:09

Flutter学习笔记

最近在进行Flutter开发，有一些心得想写下来。Flutter子控件和父控件数据交互。在官方文档中中的为您的Flutter应用程序添加交互一文中有比较详细的描述。其中包括：父控件向子控件传递数据、子控件向父控件传递数据、混合传递数据。在这就不做过多的描述了，如果有需要的同学可以照着官方例子跟着做一遍大致就明白是怎么回事了。startActivityForResult在Flutter中等价于什么关
T_Elliot·2020-08-21 01:26

flutter学习笔记(1)--flutter开发环境搭建

开始前请至少准备:0.一台windows电脑1.安装AndroidStudio和AndroidSDK前往flutter官方下载地址https://flutter.io/docs/get-started/install选择你的操作系统所需要的fluttersdk我的操作系统是win10安装flutter至少需要:操作系统:win7sp1或更新的版本磁盘空间:400MB工具:WindowsPowerS
我杀猪的·2020-08-20 21:46

Flutter学习笔记（二）Dart基础语法之extends、implements、with关键字

1、extendsDart和Java一样使用extends继承父类，使用implements实现接口。子类Boy可以调用父类Person的eat方法了。2、implements在Dart中不存在interface类，即可以说不存在接口这么一说，那么是怎么体现implements呢。同样的代码，把extends改成implements之后，在Boy类里就必须实现eat方法。所以说在Dart中接口是通
JK潘·2020-08-20 13:04

flutter学习一：详解flutter安装配置、解决The Flutter SDK instalaion is incomplete、无法将"Unblock-File”项识别为、0x80240037

Flutter中文网：https://flutterchina.club/一开始看Flutter中文网，按照步骤来，自己脑子有些短路了、遇到了以下几个bug，在此记录一下。错误1：TheFlutterSDKinstalaionisincomplete;pleasesee:htps:/lutterio/docs/get-started/install.（安装的flutterSDK不完整）错误2：无法
週莫·2020-08-20 13:02

flutter学习三：实现登录界面，登录成功后跳转到首页，从我的界面退出登录

效果图依次如下：一步一步摸索、查找资源，最后实现登录界面，登录成功后跳转到首页，从我的界面退出登录，这个过程涉及到了：Widgets的使用（TextField、RaisedButton、SizedBox、Row……）、路由、交互……等相关知识，代码有相应的注释（有些是根据自己的理解来写，会有不太贴切的地方，谅解一下），完整代码如下：1.main.darimport'package:flutter/
週莫·2020-08-20 13:02

Flutter学习五：ListView&ScrollView练习

在Flutter中的ListView可以替代android中的ScrollView和Listview代码注释如下：import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){re
Lance.y·2020-08-20 13:59

Flutter学习三：静态页面练习（Row&Column）

在Flutter中文网中的练习图如下：上代码main.dart：import'package:flutter/material.dart';voidmain(){//debugPaintSizeEnabled=true;runApp(MyApp());}classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext
Lance.y·2020-08-20 13:59

Flutter学习八：Navigator页面跳转练习

在Flutter中页面跳转使用的是Navigator和RactNative思想一样代码如下import'package:flutter/material.dart';import'package:meta/meta.dart';/***跳转到新页面并返回*/voidmain(){//applicationrunApp(newMaterialApp(//application名字title:"Flu
Lance.y·2020-08-20 13:59

Flutter学习四：GridView练习

GridView有两种创建方式：1.通过最大宽度2.通过单行展示个数import'package:flutter/material.dart';voidmain(){//debugPaintSizeEnabled=true;runApp(MyApp());}classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextconte
Lance.y·2020-08-20 13:59

Flutter学习七：TextField练习

TextField相当于Android中的EditText代码如下：import'package:flutter/material.dart';voidmain(){runApp(newSampleApp());}classSampleAppextendsStatelessWidget{//Thiswidgetistherootofyourapplication.@overrideWidgetbu
Lance.y·2020-08-20 13:59

Flutter 组件参考第二篇

点击链接加入群聊【Flutter学习交流群】：https://jq.qq.com/?
狮少·2020-08-20 13:27

Flutter学习笔记(一) 开发准备

官网：flutter.dev/docs环境：AndroidStudio3.2.0FlutterSdk1.2.1一、简介Flutter是Google推出并开源的移动应用开发框架，主打跨平台，高保真，高性能。开发者可通过Dart语言开发App，一套代码同时运行在iOS和Android平台。Flutter使用自己的高性能渲染引擎来绘制widget。这样不仅可以保证在Android和iOS上UI的一致性，
Craftsman.·2020-08-20 13:50

Flutter学习之应用程序添加交互

简介程序交互给应用程序添加交互，就是指的是我们点击某个控件的时候，控件的事件能够触发，并且执行一段逻辑。就比较像我们在HTML上面的click事件。由于是使用flutter，在写法上面有比较大的差别。准备工作在官方网站中完成构建布局。官方的地址：https://flutterchina.club/tutorials/layout/完成这个布局可以对组件的嵌套有一个比较深刻的理解了。最终完成的图示如
Wayfreem·2020-08-20 13:25

Flutter学习之Dawer抽屉组件与Floating Button集成

简介Drawer组件可以实现类似抽屉拉出推入的效果，一般是制作从侧边栏拉出导航面板。通常Drawer是和ListView组件组合使用的。FloatingButton对应一个圆形图标按钮，悬停在内容之上，以展示应用程序中的主要动作，所以非常醒目。实现的效果详细说明Drawer组件可以添加头部效果，用以下两个组件可以实现：DrawerHeader：展示基本信息。DrawerHeader组件属性说明属性
Wayfreem·2020-08-20 13:25

Flutter学习之旅（三）Flutter中的手势处理

前言移动应用的一个必不可少的环节就是与用户的交互，在Android中提供了手势检测，并为手势检测提供了相应的监听。本文将介绍Flutter中手势检测GestureDetector。Flutter中的手势系统分为两层，第一层是触摸原事件（指针），有相应的四种事件类型。1.PointerDownEvent：用户与屏幕接触产生了联系。2.PointerMoveEvent：手指已从屏幕上的一个位置移动到另
Ho0229·2020-08-20 13:21

Flutter学习指南：熟悉Dart语言

本文是Flutter学习指南的第4篇，假定读者有一定的编程经验。通过快速浏览Dart的一些基础特性，让读者具备使用它进行开发的基本能力。
weixin_34007020·2020-08-20 12:06

Flutter学习笔记（8）--Dart面向对象

如需转载，请注明出处：Flutter学习笔记（8）--Dart面向对象Dart作为高级语言，支持面向对象的很多特性，并且支持基于mixin的继承方式，基于mixin的继承方式是指：一个类可以继承自多个父类
weixin_30902251·2020-08-20 12:04

Flutter学习之iOS学习

前言UIView相当于Flutter中的什么？UIView是iOS原生开发构建UI中,需要大量使用的对象,这些对象,组合构成你的界面布局.在Flutter中,你可以粗略的认为Widget相当于UIView,Widget和iOS中的控件并不完全等价，但当你试图去理解Flutter是如何工作的时候，你可以认为它们是“声明和构建UI的方法”。然而，Widget和UIView还是有些区别的。首先，widg
sunny落叶控·2020-08-20 11:08

Flutter学习之Dart语言了解

前言最近准备着手学习一下flutter,首先就要了解它所使用的开发语言---Dart语言介绍Dart所有的东西都是对象,所有的对象都继承自Object类.Dart是一门使用类和单继承的面向对象语言,所有的对象都是类的实例,并且所有的类都是Object类的子类,一个类通常由属性和方法组成语言类型在Dart里是强类型的，也有自动推断类型的机制。在Dart里定义变量使用有var、const、dynami
sunny落叶控·2020-08-20 11:36

Flutter学习记录——18.文件和图片读写操作详情

文章目录1.Flutter文件操作2.Flutter图片操作3.总结在实际开发中，经常离不开文件和图片的读写操作，例如缓存数据、创建删除文件/文件夹、读取文本/图片/音视频等数据、读取显示图片等等。Flutter也提供了相关的操作API。那么这节博客我们就开始学习Flutter中与文件和图片读写操作相关的内容，并结合案例进行用法讲解。1.Flutter文件操作常见的文件操作有：创建文件/文件夹、删
赈川·2020-08-20 11:59

Flutter无法显示本地图片

这是一篇解决Flutter中Image.asset使用本地图片失败的记录文档Flutter学习新手，遇到了很多问题，借此用文字记录一下。在记录的同时可以理顺自己的思路，同时也希望
i_am_warlord·2020-08-20 10:19

flutter学习--动画

对于android来说，动画分为属性、帧、补间动画三大类，巧妙的使用动画，能够极大的提升用户的体验。对于flutter来说，作为强大的UI开发工具，也提供了动画的基本实现。一、动画常用的类Animation：flutter动画库中的核心类，继承Listenable。插入用于指导与动画的值。提供了动画执行的监听方法，用于实时更新界面。AnimationController：管理Animation，可
qinbin2015·2020-08-20 10:37

Flutter学习笔记一——安装及初体验

前段时间，google在2018世界移动大会上发布了Flutter的beta版本，Flutter是一个跨平台开发框架，兼容了iOS及Android，底层语言采用Dart。在听闻Flutter的渲染基础是自己实现的，在性能上可能更优于RN的时候，不禁对它产生了兴趣，接下来是我的初步安装及简单编译的体验。环境及准备工作我用的是mac系统，所以接下来基本以Mac环境为准。xcode9.0+VisualS
猜火车丶·2020-08-19 04:22

Flutter学习-定时器

import'dart:async';import'package:flutter/material.dart';//实现页面定时交替显示红黑两色的效果classAlarmPageextendsStatefulWidget{@override_AlarmPageStatecreateState()=>_AlarmPageState();}class_AlarmPageStateextendsSta
suyihao37·2020-08-18 18:05

Flutter学习二: Dart变量修饰符

目录一,变量声明1.var1.1与swift的var相同,类型一旦确定,不能再修改1.2当var声明一个变量后,Dart在编译时会根据第一次赋值数据的类型来推断其类型，编译结束后其类型就已经被确定2.final和const2.1.final和const修饰的变量,只能被赋值一次2.2.区别:const变量是一个编译时常量，final变量在第一次使用时被初始化3.dynamic和Object3.1.
zhz459880251·2020-08-18 07:34

Flutter学习一: Dart数据类型

目录系统内建类型1.Numbers1.1int1.2double2.Strings2.1.合并字符串可以使用+操作符2.2.字符串镶嵌2.3.创建多行字符串2.4.“raw”string3.Booleans4.Lists4.1创建数组4.2添加数据4.2移除数据4.3使用indexOf()获取object在数组中的索引4.4使用sort()对list排序4.5泛型5.Maps5.1.Map默认创建
zhz459880251·2020-08-18 07:34

Flutter学习三:Dart 函数

Dart函数1.函数既能赋值给变量,又能作为参数传递2.函数声明如果没有显示申明返回值类型时会默认当做dynamic处理3.对于只包含一个表达式的函数可以使用箭头语法4.函数的参数有两种类型:必选可选4.1.可选参数:4.1.1.可选命名参数:4.1.2.可选位置参数:4.2.参数的默认值:5.每个app都有一个顶级函数main()作为入口,返回值是void,可选是参数List6.函数的类功能:7
zhz459880251·2020-08-18 07:34

Flutter学习（一）——你好,Flutter

你好,Flutter这是学习Flutter的笔记整理文章目录你好,Flutter跨平台开发移动开发的发展第一阶段：原生开发第二阶段：H5第三阶段：跨平台框架FlutterFlutter是什么？Flutter架构Flutter的特点跨平台开发在传统的原生开发中，一般都要维护Android、iOS两个开发团队，版本迭代时，无论人力成本，还是测试成本都会变大。这一点可能对于我们普通的Android程序员
Jarvis_Jin·2020-08-17 08:47

Flutter学习笔记（7）--Dart异常处理

如需转载，请注明出处：Flutter学习笔记（7）--Dart异常处理异常是表示发生了意外的错误，如果没有捕获异常，引发异常的隔离程序将被挂起，并且程序将被终止；Dart代码可以抛出并捕获异常，但与java
weixin_30547797·2020-08-17 06:57

Flutter学习笔记7 (数据传递)

之前学习了Widget,Layout,网络异步。今天了解一下Flutterapp里UI之间的数据是如何传递的。第一种方法最简单，就是简单的app，简单的页面导航，可以直接通过构造函数。比如有两个页面，从MasterPage到DetailPage，数据是一个变量title。可以把Detail页面的构造函数中增加title这个参数，在从Master路由到Detail时直接赋值即可。见官方例子：http
W1nt3rs·2020-08-17 06:38

Flutter学习记录——21.应用国际化处理

文章目录1.实现应用国际化2.使用插件库实现应用国际化国际化就是让我们的应用支持多种语言，例如运行在国内的使用中文简体、在港澳台的使用繁体字、美国的使用英文、日本的用户显示的是日文等等类似场景，也可以把国际化称为本地化处理。Flutter本身的API是支持国际化处理的，当然也可以用官方提供的插件库来实现。那么这节课我们将介绍Flutter中应用国际化处理的基本使用详解，并配合一些案例。1.实现应用
赈川·2020-08-17 06:58

Flutter学习之windows下的初体验

背景去年年底谷歌正式推出flutter1.0，拥有跨平台、体积小、效率高、用户体验流畅等优点。今日，记录一下我的首个flutter应用的诞生过程，操作系统是win10搭环境下载flutter源码提前安装好git，而后找个地方新建文件夹，名字不能有中文或空格，而后把flutter的beta分支拷下来gitclone-bbetahttps://github.com/flutter/flutter.gi
coder_szc·2020-08-17 06:35

Flutter学习笔记（持续更新）

Flutter学习笔记首先打开Flutter官网https://flutter.dev/，开始学习，按照官网的指引搭建Flutter开发环境。
cherrlasea·2020-08-17 05:31

flutter学习之二Material Design设计规范

前言：最近在自学flutter跨平台开发，从学习的过程来看真心感觉不是那么一件特别容易的事。不但要了解语法规则，还要知晓常用控件，和一些扩展性的外延知识，所以套一句古人的话“路漫漫其修远矣，无将上下而求索”。关于MaterialDesign以下是摘录的一篇非常好的关于“MaterialDesign”的文章，传送门1、安卓是什么？想象一下，过年同学聚会上，大家把手机都放在饭桌前，除了各种型号的iPh
weixin_34413065·2020-08-15 17:54

学习资料

聊天服务器https://github.com/TeamNewPipe/NewPipe安卓学习demohttps://github.com/TheAlphamerc/flutter_twitter_cloneflutter
决胜万里·2020-08-15 16:55

Flutter学习之入门程序HelloWorld （计数器应用）程序解析

前面文章使用AndroidStudio创建的FlutterHelloWorld程序实际上是一个简单的计数器，本文将仔细分析一下这个计数器Demo的源码，让读者对Flutter应用程序结构有个基本了解。在这个案例中，主要Dart代码在lib/main.dart文件中，下面我们来详细分析下这段代码。/**此行代码作用是导入了MaterialUI组件库。*Material是一种标准的移动端和web端的视
sunxinghua08·2020-08-15 15:30

flutter学习--流式布局 模拟添加照片效果

mediaQuery媒体查询使用meidaQuery可以很容易的得到屏幕的宽和高，得到宽和高的代码如下：finalwidth=MediaQuery.of(context).size.width;finalheight=MediaQuery.of(context).size.height;Wrap流式布局单行的Wrap跟Row表现几乎一致，单列的Wrap则跟Column表现几乎一致。但Row与Col
胖哥哥飘过·2020-08-15 14:19

flutter学习--保持页面状态

在工作中切换页面时，再切换回来，时要求页面状态不发生改变的。这能给APP浏览者最好的体验，几乎所有的APP都有这个需求，属于一个大众需求。With关键字的使用with是dart的关键字，意思是混入的意思，就是说可以将一个或者多个类的功能添加到自己的类无需继承这些类，避免多重继承导致的问题。class_KeepAliveDemoStateextendsStatewithSingleTickerPro
胖哥哥飘过·2020-08-15 14:19

Flutter学习第七篇之我该如何命名文件/类/变量

文章目录1文件名——小写字母加下划线2类名——首字母大写驼峰命名法、下划线3变量——下划线首字母小写驼峰命名法命名规范来源于FlutterGithub1文件名——小写字母加下划线javaDart一个文件=主类+内部类一个文件=M个平级的类所以你很容易看到下面这种代码三个类都在一个文件中表示并且完全平级，不需要互相嵌套。这就造成了和java不同的编码体验:你命名的时候考虑的不是某一个类做什么，而是你
Gerry_Liang·2020-08-14 13:36
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他