45VoiS2mj7n5
Flutter线程模型 isolate是通过FlutterEngine层面的一个线程来实现的，FlutterEngine线程的创建和管理是由embedder负责的，下面是FlutterEngine的运行架构 PlatformTaskRunner 它是FlutterEngine的主TaskRunner，既可以处理与Engine的交互也可以处理来自native平台的交互，他类似与AndroidMainThread，IOS的MainThread。每一个Flutter应用启动的时候都会创建一个Engine实例，Engine创建的时候会创建一个PlatformThread供PlatformRun...
JSON转换成Dart对象 假设请求的返回的JSON数据如下 {“id":12345,"title":"titleName"} 对应的dart对象 classArticle{finalStringtitle;//dynamic表示不知道传进去什么类型Artilce.fromJson(Map<String,dynamic>json){id=json['id'];title=json['title'];}} 注意： 在请求响应回来时，通过json.decode(responseData)可以将JSON结果转换成一个Map类型（对应JSON对象）或...
简介 Flutter的一些组件我们用了三天左右有了部分了解，在日后的工作学习中使用到了，我们可以再进行深入了解。平时我们呢使用的数据是动态的，所以我们在了解组件的同时，我们还需要对状态管理机制有一些了解 Widget唯一标识 在Flutter中，每个Widget都有一个唯一标识key，它在FrameWork层创建和渲染时生成，可以通过GlobalKey、LocalKey、UniqueKey和ObjectKey对Widget的key进行保存 GlobalKeymyKey=newGlobalKey();@overrideWidgetbuild(BuildContextcontext...
Json字符串和Map类型转换 import'dart:convert'//Json转MapJson.decode(strData)//Map转JsonMapuserInfo={"username":"wjx","age":22};print(json.encode(userInfo)); 使用Dart原生http实现网络请求实例 首先在pubspec.yaml中导入依赖 dependencies:...http:^0.12.0+2 import'dart:convert';//引入json和map转换库import'package:flutter/mate...
TextField 属性 释义 maxLines 多行文本框 onChanged 监听文本框中的文字改变 decoration hintText,border,labelText,labelStyle obscureText 把文本框改为密码框 controller 结合TextEditingController()可以配置表单默认显示内容 import'package:flutter/material.dart';classTextFieldDemoPageextendsStatefulWidget{TextFieldDemoPage({Key...
属性 属性 释义 onPressed 按钮点击响应事件 textColor 按钮显示文本的颜色 color 按钮的颜色 diabledColor 按钮禁用时的颜色 disabledTextColor 按钮禁用时的文本颜色 splashColor 水波纹颜色 highlightColor 长按显示的颜色 elevation 阴影的范围，值越大阴影范围越大 shape 设置按钮的形状 按钮使用实例 import'package:flutter/material.dart';classButtonDemoPageextendsState...
Drawer侧边栏 drawer:Drawer(child:Text('左侧边栏'),),endDrawer:Drawer(child:Text('右侧侧边栏'),), DrawerHeader drawer:Drawer(child:Column(children:<Widget>[Row(children:<Widget>[Expanded(child:DrawerHeader(child:Text("你好flutter"),decoration:BoxDecoration(color:Colors.yellow,image:Decoration...
appbar属性 属性 释义 leading 导航按钮显示的图标 title 标题 actions 相当于menu bottom 通常用来放置tabBar backgroundColor 导航背景颜色 iconTheme 图表样式 textTheme 文字样式 centerTitle 标题是否居中显示 自定义AppBar使用 import'package:flutter/material.dart';classAppBarDemoPageextendsStatelessWidget{constAppBarDemoPage({Keyke...
基本路由的使用 import'package:flutter/material.dart';import'package:flutter_app/pages/info.dart';//将页面引入classHomePageextendsStatefulWidget{HomePage({Keykey}):super(key:key);_HomePageStatecreateState()=>_HomePageState();}class_HomePageStateextendsState<HomePage>{@overrideWidgetbuild(BuildContex...
简介 StatefulWidget：有状态组件，持有的状态可以在Widget声明周期改变（即数据可以进行修改） classHomeContentextendsStatefulWidget{HomeContent({Keykey}):super(key:key);_HomeContentStatecreateState()=>_HomeContentState();}class_HomeContentStateextendsState<HomeContent>{intcountNum=0;@overrideWidgetbuild(BuildContextcontex...
BottomNavigationBar 属性 释义 items Lisst底部导航按钮集合 iconSize icon currentIndex 默认选中的tab onTap 选中变化函数 fixedColor 选中的颜色 type BottomNavigationBarType.fixed,BottomNavigationBarType.shifting eg:创建tab classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){//TODO:imp...
替换路由 注意路由配置和上篇文章配置相同 import'package:flutter/material.dart';classMinePageextendsStatefulWidget{MinePage({Keykey}):super(key:key);_MinePageStatecreateState()=>_MinePageState();}class_MinePageStateextendsState<MinePage>{@overrideWidgetbuild(BuildContextcontext){returnColumn(crossAxisAlignm...
Flutter万物皆组件 Text 属性 释义 textAlign 文本对齐方式 maxLines 最大行数 textScaleFactor 字体显示倍率，默认值为10 overflow 配合maxLines使用，超出最大行数可以用省略号或渐变效果 style TextStyle对象 textSpan 实现类似富文本 TextStyle参数 属性 释义 decoration 文字装饰线（none没有线，lineThrough删除线，overline上划线，underline下划线） decorationColor 文字装饰线颜...
实现效果 项目地址 滑动效果 使用PageView滑动来控制当前显示的位置 Stack(children:<Widget>[//两者堆叠在一起。通过PageView滑动的Controller来控制当前显示的pageCardScrollWidget(currentPage),Positioned.fill(child:PageView.builder(itemCount:images.length,controller:controller,reverse:true,itemBuilder:(context,index){returnContainer();},...
实现效果 项目源码 对flutter中的动画不了解的可以看这篇Flutter动画入门 实现 首先将界面拆解成两部分menu和homePage使用Stack组件将两者包裹起来（类似使用FrameLayout) returnScaffold(backgroundColor:backgroundColor,body:Stack(children:<Widget>[menu(context),homePage(context)],),); menu menu的动画可以分解成两部分： 平移：从左侧推入 缩放：从0.0放大至1.0 menu动画初始...
简介 Flutter动画核心类：Animation类，它可以判断当前动画的状态（开始，停止，移动，前进，反向），它是由AnimationController管理的，并通过Listeners和StatusListeners管理动画状态的所发生的变化，我们先对动画有了大体的了解，下面我们对其中提到的类进行逐一学习 这次主要学习flutter动画中的平移，缩放，旋转，透明度，插值器，是为之后的自定义动画做准备嗷！ Animation Animation对象本身随手记屏幕是无感知的，，它仅仅直到当前动画的插值和状态，，Animation对象是一个在一段时间内，一次生成一个区间值的类，其输出值可...
AnimatedWidget AnimatedWidget对addListener和setState进行了封装使得不需要像之前那样设置listener以及setStateFlutter动画，示例如下 import'package:flutter/material.dart';classAnimatedLogoextendsAnimatedWidget{//listenable类似之前写的addListener，此时可以监听animation的valueAnimatedLogo({Keykey,Animation<double>animation}):super(...
安装插件 AndroidStudio->File->Setting->Plugins->搜索FlutterIntl 配置项目 首先在项目pubspec.yaml中添加如下语句并执行packageget dev_dependencies:...flutter_localizations:sdk:flutter 在菜单栏的Tool下找到FlutterIntl并选择Initalizefortheproject，配置结束后效果如下： 1.会在pubspec.yaml中增加以下字段 flutter_intl:enabled:true 2.会在lib目...
dio简介 dio库支持文件的上传和下载，Cookie管理、FormData、请求/取消、拦截器等，和Android中的OkHttp库相似 基本用法 import'package:dio/dio.dart';_loadDataGet()async{try{Responseresponse=awaitDio().get("https://www.baidu.com");print(response);}catch(e){print(e);}}_loadDataPost()async{try{Responseresponse=awaitDio().post("path",data:{}...