E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
flutter学习
Flutter学习
(四)Http请求库 dio 代码封装
Flutter学习
(四)Http请求库dio代码封装第一步依赖库打开flutterpackage网站,入口,找到dio这个组件,查看最新版本打开项目根目录下**pubspec.yaml**文件添加库名,
nibote
·
2021-06-11 18:19
flutter学习
资料
flutter官网:https://flutter.devflutterapi:https://api.flutter-io.cn/dart语言官网:https://dart.dev/官方flutter插件文档:https://pub.flutter-io.cn/github:https://github.com/flutter/flutteralibaba-flutter-go:https://
蝴蝶AD
·
2021-06-09 19:39
Flutter学习
整理(二)
Flutter开发中对于Route和Navigator了解与使用logo.jpeg目录
Flutter学习
整理(一)前言在移动开发中,应用通常有很多个页面组成,这时候页面之间的跳转,切换和数据的传输都是较为重要的环节
午潮山下人
·
2021-06-08 14:26
Flutter学习
笔记
生命周期Flutter生命周期说白了就是回调方法(函数),主要是监听Widget事件,内存管理(销毁)。每一个widget都对应一个(或多个)Element。Widget只是用于描述Element的一个配置文件,实际在Framework层管理页面的构建,渲染等,都是通过Element完成,Element由Widget创建,并且持有Widget对象,每一个Widget都会对应一个(或多个)Eleme
生产八哥
·
2021-06-08 11:41
Flutter学习
:创建第一个Flutter工程
在androidstudio中创建一个Flutter项目配置flutter环境,在Flutter下载SDK,解压放到任何目录下边(除修改文件需要权限),如果现在cmd中操作,配置path环境变量,如:C:\Users\mm\flutter\bin,在cmd查看:在这里插入图片描述在Androidstudio中安装Flutter和Dart插件(已安装好AndroidSDK)。创建一个Flutter项
缘始_
·
2021-06-05 00:30
Flutter学习
:Pading、 Row、Column、Expanded组件详解
一.总结GridVIew.count实现网格布局gridView子view的heigth失效,需要结合childAspectRatio来t调整子view的高度。GridView.build实现网格布局GridView和listView一样需要itemBuilder和itemCount。GridView.build中没有设置相应间距、行数等参数需要使用gridDelegate完成(参数输入Slive
__素颜__
·
2021-06-04 14:55
Flutter学习
笔记1-Widgets划分
Widgets划分按状态:StatelessWidget(有Widgetbuild)StatefulWidget(返回一个新建的State)State(操作状态,Widgetbuild来渲染StatefulWidget里获取的内容)按内容1.基础Widgets2.MaterialComponentsWidgets3.Cupertino(iOS风格)Widgets4.布局Widgets4.1拥有单个
Realank
·
2021-05-20 00:50
flutter学习
注:本文所有内容学习引用自技术胖大佬基础代码import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'Textwidget',
七彩猫猫虫
·
2021-05-19 17:18
学习中的小问题
Flutter学习
中遇到的小问题记录
Errorconnectingtotheserviceprotocol:HttpException:,uri=http://127.0.0.1:1026/n7mjQdqNp7w=/wsExited(sigterm)在iOS真机上使用报的这个错误,通过重新连接设备,重启Xcode编译器解决了CommentsarenotpermittedinJSON.删除json文件后的注释就OK了。Adepende
小六玩的并不六
·
2021-05-19 16:04
Flutter学习
笔记之Provider 5.0.0入门级使用
Provider使用:1.创建CounterModel(等同于get中GetController)classCounterModelwithChangeNotifier{int_counter=0;intgetcounter=>_counter;voidincrement(){_counter++;notifyListeners();}}2.注册(相当于get中Get.put)classMyApp
蕭·客
·
2021-05-18 22:11
Flutter
Flutter学习
之项目多端开发思想规范
ControllersModelsPagesControllers/Models/Pages文件夹Main.dart:voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(debugShowCheckedMode
蕭·客
·
2021-05-18 10:14
Flutter
Flutter学习
日记之底部导航栏BottomNavigationBar组件的使用
本文地址:https://blog.csdn.net/qq_40785165/article/details/116953235,转载需附上此地址大家好,我是小黑,一个还没秃头的程序员~~~空袋子,难直立。今天分享的内容是Flutter的BottomNavigationBar组件,用来定义底部导航栏,源码地址:https://gitee.com/fjjxxy/flutter-study.git,效
Android_小黑
·
2021-05-17 23:02
Flutte
flutter
Flutter学习
日记之使用路由进行页面切换
本文地址:https://blog.csdn.net/qq_40785165/article/details/116900126,转载需附上此地址大家好,我是小黑,一个还没秃头的程序员~~~你多学一样本事,就少说一句求人的话!说实话,学的时候真痛苦,与原生Android还是有区别的,但是毕竟是一种趋势,学到就是赚到,今天分享的是Flutter中的路由,开发中可以利用这个进行页面跳转。效果如图:源码
Android_小黑
·
2021-05-17 00:23
Flutte
flutter
android
Flutter学习
日记(九)--手势识别以及处理
最近发现用思维导图边看边总结的话,思路就会清晰很多,而且有时候忘了,也可以直接查看自己的思维导图,一下就可以找到自己想要的点,关于这个我也是建议小伙伴们,也可以尝试下的哈!!image.png然后,后面也发现了一个比较恶心的东西,就是如果读者看这个思维导图,好像是找不到重点一样,所以我还是按照这个思维导图的思路给敲出来吧!一、指针按下(也就是手指按下)的事件处理1、Flutter会进行命中测试,从
jeffrey12138
·
2021-05-12 09:30
Flutter学习
笔记(三)-TabBar的使用
FlutterTabBar的使用import'package:flutter/cupertino.dart';import'package:flutter/material.dart';import'package:flutter_app/list_main.dart';classHomePageWidgetextendsStatefulWidget{@overrideStatecreateSta
过往不恋纵情向前
·
2021-05-06 11:41
Flutter学习
中的问题记录: TabBarView & TabBar
使用TabBarView&TabBar遇到一个问题:tab切换的时候,每次都会执行initState。第一次加载2个Tab页面:LoadImgByNetPage,LoadImgByLocPageLog所示:image.png反复切换2个Tab页面:LoadImgByNetPage,LoadImgByLocPageLog所示:image.png这问题真的好蛋疼,临时解决方案:做个缓存,加载上一次的数
老实巴交的读书人
·
2021-04-29 19:41
Flutter学习
笔记之路由简单实用
路由的简单实用基本的界面跳转classFirstScreenextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(title:Text("firstScreen"),),body:Center(child:RaisedButton(child:Text("thisi
笔头
·
2021-04-27 10:17
Flutter学习
中的问题记录: ListView.builder
使用ListView.builder做了个简单的上拉加载数据,发现数据不满一屏,无法滑动。解决方案@overrideWidgetbuild(BuildContextcontext){varcontent;if(datas.isEmpty){content=getProgressDialog();}else{content=newListView.builder(//设置physics属性总是可滚动
老实巴交的读书人
·
2021-04-20 16:48
Flutter学习
指南(3):Dart语言(1)---基本熟悉
一句话就是简单,特别的简单,如果有语言基础就更简单了。半小时足够学习使用了。dart2基础教程---dart2中文文档dart可以干什么:服务器,网页,appFlutter:WriteamobileappthatrunsOnbothiOSandAndroid.Web:Writeanappthatrunsinanymodernwebbrowse;Server:Writeacommand-lineap
super_chao
·
2021-04-18 00:04
Flutter学习
笔记(coderwhy)
万物皆是Widget一般缩进2个空格文字居中WidgetCenter()MaterialApp使用Meterial风格Scaffold脚手架帮助我们快速的搭建页面传appBarbody刚开始分不清那里写,那里写;一条语句结束之后写的是;属性直接用,ctrl+R启动Widget:StatefulWidget有状态的Widget:在运行过程中有一些状态(data)需要改变StatelessWidget
JackLeeVip
·
2021-04-15 09:03
Flutter学习
笔记之理解widget树
Widget树是我们创建UI的方式,在Flutter中我们经常看到或听到这样一句话:一切皆Widget,Widget地狱嵌套。为了代码更容易理解:尽可能的保持Widget树层级较浅。MaterialDesign:Widget树的属性Scaffold:脚手架,实现Material可视化布局AppBar:界面顶部实现工具栏CircleAvatar:显示一张圆形用户资料照片,可用于任何图片Divider
蕭·客
·
2021-04-02 16:19
Flutter
flutter
Flutter学习
之常用命令
VSCode中创建项目命令sudofluttercreateflutter_demo项目下建文件夹命令MacOSmkdir-passets/imagemkdir-plib/pagemkdir-plib/modelsmkdir-plib/utilsmkdir-plib/widgetsmkdir-plib/serviceWindowsmkdirassets/imagemkdirlib/pagemkdi
蕭·客
·
2021-04-02 11:19
Flutter
flutter
Flutter学习
笔记
1、flutter的开始1、认识文件夹文件夹名称作用androidandroid平台相关代码iosios平台相关代码libflutter相关代码,主要编写的代码放入该文件夹test用于存放测试代码pubspec.yaml配置文件,项目相关信息,一般存放第三方库的依赖2、入口文件/入口方法入口文件:flutter项目的lib目录里面都有一个main.dart这个文件就是flutter的入口文件入口方
daoxian chi
·
2021-02-21 11:42
前端基础
flutter
前端
Flutter学习
第十一天:使用Fl_chart依赖实现饼图,功能齐全符合我的要求?
Flutter实现漂亮的饼图1.导入依赖2.饼图1.效果图2.所有代码3.代码解析1.代码结构3.组件作用1.导入依赖fl_chart:^0.12.2如果你想进一步了解这个插件的话,可以去看一下它的源码。框架地址关于如何导入依赖步骤如图所示:pubspec.yaml文件->在dependencies下面添加依赖->点击pubget2.饼图1.效果图废话少说,先看一下效果2.所有代码import'p
android 小白星
·
2021-02-13 10:47
Flutter
android
android
studio
flutter
dart
Flutter学习
第十天:使用Fl_chart依赖画出的折线图,功能齐全符合我的要求?
Flutter画出漂亮的折线图,饼图1.导入依赖2.折线图1.一条折线图1.效果图2.主要代码3.代码解析2.多条折线图1.导入依赖fl_chart:^0.12.2如果你想进一步了解这个插件的话,可以去看一下它的源码。框架地址关于如何导入依赖步骤如图所示:pubspec.yaml文件->在dependencies下面添加依赖->点击pubget2.折线图1.一条折线图1.效果图2.主要代码impo
android 小白星
·
2021-02-11 19:04
Flutter
android
android
studio
dart
flutter
Flutter学习
第九天:实现拍照,本地图片选择的简单Demo实现。
简单的拍照,本地图片选择Demo1.导入依赖1.依赖如下2.导入依赖步骤2.所有代码如下:代码解析:废话少说,先看一下效果,主要功能:1.可以选择多张本地图片2.可以实现拍照3.可以实现选择图片排列4.可以实现图片的删除1.导入依赖1.依赖如下image_pickers:^1.0.8+7如果先了解更多的功能,可以去看这个依赖说明地址。2.导入依赖步骤导入框架前得把build.gradle的版本改为
android 小白星
·
2021-02-09 17:46
Flutter
android
android
studio
flutter
dart
Flutter学习
第八天:轮播图Banner,自定义AppBar实现滚动渐变?
轮播图Banner,自定义AppBar实现滚动渐变1.轮播图的实现1.导入依赖包2.插入导入地址3.使用轮播图插件2.自定义AppBar实现滚动渐变1.部分代码解析2.整体代码1.轮播图的实现1.导入依赖包flutter_swiper:^1.1.6Flutter下载地址插件地址:Flutter插件下载地址在里面搜索flutter_swing就可以获取你需要的Flutter的插件2.插入导入地址步骤
android 小白星
·
2021-02-09 15:48
Flutter
android
android
studio
dart
flutter
Flutter学习
第六天:Flutter如何实现顶部导航,底部导航菜单,侧拉栏菜单等功能?
1.顶部导航代码如下:import'package:flutter/material.dart';voidmain(){runApp(MaterialApp(home:TabbedAppBarSample(),));}classTabbedAppBarSampleextendsStatefulWidget{@override_TabbedAppBarSampleStatecreateState()
android 小白星
·
2021-01-30 18:33
Flutter
android
android
studio
dart
flutter
Flutter学习
第五天,Flutter实现打开第三方应用、一行代码实现夜间模式、字体改变、跟随手指移动,加载网络图片等功能。
1.Flutter实现小球跟随手指运动功能比较简单,我也是刚刚开始学Flutter,主要用来记录一下学习过程,废话不多说,先看效果。在这里插入图片描述使用的组件:Stack:层叠布局,相当于Web中的绝对定位、Android中的Frame布局是相似的。Positioned:开始位置是(0,0),移动之后记录到定点(0,0)的left,top距离,所有坐标为(left,top)。GestureDet
android小白星
·
2021-01-28 11:33
flutter学习
笔记
1.全局隐藏键盘//全局隐藏键盘SystemChannels.textInput.invokeMethod('TextInput.hide');2.当前页面有多个textFiled的时隐藏键盘FocusScopeNodecurrentFocus=FocusScope.of(context);if(!currentFocus.hasPrimaryFocus&¤tFocus.focused
蓝色的风
·
2021-01-20 11:13
flutter gridview 固定高度_
flutter学习
笔记-flutter组件基础
整理自:用flutter快速构建原生应用4.1Image图片组件的应用4.1.1图片资源的加载通过资源加载的方法加载图片,需要在pubspec.yaml文件的flutter标签下添加配置项配置资源路径。如:flutter:assets:-src/iconimg.jpeg//使用Image.asset('src/iconimg.jpeg')通过文件来进行图片资源的加载,如://使用import'da
織田薫人
·
2021-01-15 08:27
flutter
gridview
固定高度
Flutter学习
总结之四 常见Widget及页面跳转
一.常见布局方式Row,是水平方向的线性布局(linearlayout)Column,是垂直方向的线性布局(linearlayout)Stack,可以理解成为相对布局。classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnnewMaterialApp(title:'WelcometoFlut
大鹏的鹏
·
2021-01-12 09:34
android auto 能微信_5分钟搞定Flutter与Android 的交互(内附大量
Flutter学习
资源)
码个蛋(codeegg)第743次推文Flutter说到底只是一个UI框架,很多功能都需要通过原生的Api来实现,那么就会涉及到Flutter和Native的交互,因为本人不懂iOS开发,所以只能讲下Flutter同Android的交互。Android项目配置Flutter依赖既然是互相交互,那么需要准备一个Android项目。接着就需要创建fluttermodule,让Android项目依赖,创
杀死朽木
·
2021-01-05 03:34
android
auto
能微信
Flutter学习
笔记33-交织动画 Hero动画
交织动画有些时候我们可能会需要一些复杂的动画,这些动画可能由一个动画序列或重叠的动画组成,要实现这种效果,使用交织动画(StaggerAnimation)会非常简单。要创建交织动画,需要使用多个动画对象(Animation)。一个AnimationController控制所有的动画对象。给每一个动画对象指定时间间隔。所有动画都由同一个AnimationController驱动,无论动画需要持续多长
zombie
·
2020-12-18 09:36
Flutter学习
笔记32-动画基本结构及状态监听
动画的基本使用代码示例:classAnimationDemoextendsStatefulWidget{@override_AnimationDemoStatecreateState()=>_AnimationDemoState();}class_AnimationDemoStateextendsStatewithSingleTickerProviderStateMixin{AnimationCo
zombie
·
2020-12-17 15:55
Flutter学习
笔记28-状态管理
Flutter是声明式编程的:Flutter构建应用过程在编写一个应用的过程中,我们有大量的State需要来进行管理,而正是对这些State的改变,来更新界面的刷新。状态管理分类短时状态Ephemeralstate某些状态只需要在自己的Widget中使用,如简单计数器counter、一个PageView组件记录当前的页面、一个BottomNavigationBar中当前被选中的tab,这种状态我们
zombie
·
2020-12-13 22:30
Flutter学习
--GridView
一、介绍GridView矩阵式列表(网格布局)当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件GridView实现布局。GridView创建网格列表有多种方式,下面我们主要介绍两种。1、可以通过GridView.count实现网格布局2、通过GridView.builder实现网格布局二、GridView.count源码GridView.count({Keykey,Axissc
小迷糊_dcee
·
2020-11-27 23:40
Flutter学习
--Image组件
一、介绍展示图片资源1.必须在根目录下创建images子目录,images目录中,创建2.0x和3.0x文件夹2.打开pubspec.yaml文件,配置assets(配置数据时,-后面必须加个空格),如图946c7bdcc34a53e5030bb6b4f875ec3.pngf3397f08a3545bf89d5b730e6530169.png二常用参数详解属性说明imageImage.asset:
小迷糊_dcee
·
2020-11-27 23:51
Flutter学习
--Container组件
一、介绍Container组件是一个方便绘制、定位和调整子组件大小的组件(可以装别的组件的盒子)二、创建container组件源码Container({Keykey,this.alignment,this.padding,this.color,this.decoration,this.foregroundDecoration,doublewidth,doubleheight,BoxConstrai
小迷糊_dcee
·
2020-11-27 23:39
Flutter学习
--Text组件
一、介绍显示文本字符串的组件二、创建text的源码constText(this.data,{Keykey,this.style,this.strutStyle,this.textAlign,this.textDirection,this.locale,this.softWrap,this.overflow,this.textScaleFactor,this.maxLines,this.semant
小迷糊_dcee
·
2020-11-27 23:12
Flutter学习
笔记23-ListView
ListView一个非常有用的控件,涉及到数据列表展示的,一般情况下都会用该控件,它可以沿一个方向线性排布所有子组件,并且它也支持基于Sliver的延迟构建模型。ListView的默认构造函数源码:ListView({...//可滚动widget公共参数AxisscrollDirection=Axis.vertical,boolreverse=false,ScrollControllercontr
zombie
·
2020-11-02 16:38
Flutter学习
笔记26-监听滚动事件
对于滚动的视图,我们经常需要监听它的一些滚动事件,在Flutter中监听滚动相关的内容由两部分组成:ScrollController和ScrollNotification。ScrollController在Flutter中,Widget并不是最终渲染到屏幕上的元素(真正渲染的是RenderObject),因此通常这种监听事件以及相关的信息并不能直接从Widget中获取,而是必须通过对应的Widge
zombie
·
2020-10-30 17:29
Flutter学习
笔记24-GridView
GridView可以构建一个二维网格列表,其默认构造函数源码如下:GridView({AxisscrollDirection=Axis.vertical,boolreverse=false,ScrollControllercontroller,boolprimary,ScrollPhysicsphysics,boolshrinkWrap=false,EdgeInsetsGeometrypaddin
zombie
·
2020-10-29 16:58
Flutter学习
笔记03-StatelessWidget和StatefulWidget
1.StatelessWidgetStatelessWidget用于不需要维护状态的场景,它通常在build方法中通过嵌套其它Widget来构建UI,在构建过程中会递归的构建其嵌套的Widget。代码示例:classEchoextendsStatelessWidget{constEcho({Keykey,@requiredthis.text,this.backgroundColor:Colors.
zombie
·
2020-10-21 10:00
Flutter学习
笔记11-线性布局(Row和Column)
线性布局,即指沿水平或垂直方向排布子组件。Flutter中通过Row和Column来实现线性布局。1.主轴和纵轴对于线性布局,有主轴和纵轴之分,如果布局是沿水平方向,那么主轴就是指水平方向,而纵轴即垂直方向;如果布局沿垂直方向,那么主轴就是指垂直方向,而纵轴就是水平方向。在线性布局中,有两个定义对齐方式的枚举类MainAxisAlignment和CrossAxisAlignment,分别代表主轴对
zombie
·
2020-10-21 10:40
Flutter学习
笔记-面试题整理(一)
概述Flutter是Google推出的一套开源跨平台UI框架,可以快速地在Android、iOS和Web平台上构建高质量的原生用户界面。在过去的一年里,Flutter的更新频率是相当的快,也有很多的公司开始使用它来进行跨平台应用开发,可以说,将Flutter称为2019年最流行的跨平台技术也不为过。在研究了HybridAPP、ReactNative和Weex等技术之后,为在今年的早些时候也入了Fl
u010186280
·
2020-10-09 15:10
面试
flutter
flutter学习
——路由(routes)
学习资料:Flutter移动应用展示内容的屏幕或页面叫做路由(routes),Navigator这个小部件提供了方法可以去管理这些路由,比如Navigator.push、Navigator.pop,路由对象都会放在一个Stack里面。我们可以自己创建一个Navigator去处理路由堆,也可以使用WigetsApp或者是MaterialApp小部件给我们创建好的Navigator,使用Navigat
shelleyyyy
·
2020-10-02 23:20
Flutter学习
笔记之-国际化
Flutter学习
笔记之-国际化记录在Flutter中实现国际化的方式,默认组件都是以英文来显示的文字。
开发小猫
·
2020-09-26 21:56
Flutter
Flutter国际化
Flutter本地化
localizations
组件国际化
中文显示
Flutter学习
之路 Card 卡片组件
一、FlutterCard组件介绍:Card是卡片组件块,内容可以由大多数类型的Widget构成,Card具有圆角和阴影,这让它看起来有立体感;但通常与ListTile一起使用,Card有一个child,但它可以是支持多个child的列,行,列表,网格或其他小部件,Card将其大小为0像素,可以使用SizeBox来限制Card的大小;Card容器不能滚动二、Card构造属性const Card({
沈岩1840
·
2020-09-21 19:35
flutter
flutter
Flutter学习
笔记&学习资料推荐
文章目录Flutter初体验Flutter环境配置
Flutter学习
书籍Dart开发语言Flutter官网教程Flutterpub社区
Flutter学习
实例Flutter的一些实际开发问题Flutter
川峰
·
2020-09-18 22:18
Flutter
flutter
dart
android
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他