
flutter
文章平均质量分 61
yuezheyue123
这个作者很懒,什么都没留下…
展开
-
flutter基本组件和概念1
runApp函数接受指定的控件(Widget),并使其作为控件树(widget tree)的根控件Text:文本控件,在应用中创建各种样式的文本。Row,Column:Flex控件,可以创建水平(Row)或垂直(Column)方向的布局,是基于Web的flexbox的布局模式设计的。Stack:非线性布局(水平或垂直),控件可以堆叠在其他控件上,可以使用Positioned控件控制Stack...原创 2018-10-26 09:36:02 · 781 阅读 · 0 评论 -
flutter项目分析-进行列表的分页加载
1.//使用ListView进行条目的显示2.设置滚动的监听3.判断滚动的位置,进行判断是否到达底部,然后进行分页加载。原创 2018-11-16 14:54:00 · 3604 阅读 · 1 评论 -
flutter页面跳转的各个情况
退出//这是当前页面退出Navigator.of(context).pop();//这是整个app退出SystemNavigator.pop();销毁界面的各个方式进行跳转到下个页面的方式对于一般的跳转可以先进行定义routes,然后在进行跳转的时候直接进行使用。这个是和上面进行配套使用...原创 2018-11-21 10:51:48 · 7140 阅读 · 1 评论 -
flutter实现子widget中控制父widget中的方法和属性1
1.在主界面点击按钮的时候,在按钮中的onTap()方法中控制父widget的方法和属性。但是不能直接通过传递context的形式,然后通过context进行控制。这时候需要使用一个InheritWidget进行控制。2.创建自定义的InheritedWidget类,主要是of()方法,在子widget中需要这个方法获取父widget的对象。3.在这里用InkWell实现水波纹的效果,但...原创 2018-11-21 18:37:08 · 7980 阅读 · 1 评论 -
dart细节总结1
1.使用stateless 的 widget 只能用于显示信息,不能有其他动作。因此不能显示dialog等操作,只能使用StatefulWidget 。2.检测两个 String 的内容是否一样事,我们使用 == 进行比较;如果要测试两个对象是否是同一个对象(indentity test),使用 identical 函数。identical(str, str2)。3.Object 和 dyna...原创 2018-11-19 14:55:22 · 243 阅读 · 0 评论 -
flutter实现子widget中控制父widget中的方法和属性2
父widget和子widget进行通讯的难点就是不能获取到父widget的对象,因此要借助其他的方法,比如借助InheritedWidget或是通过Notification在主页面在子widget中很难理解的就是key的使用,这样统一的使用一个key,应该是为了避免重复创建对象。但是在去除key后,并不能实现功能。还需要研究。...原创 2018-11-22 11:30:52 · 4275 阅读 · 0 评论 -
flutter控制显示隐藏
1.使用透明度2.使用offstate原创 2018-11-22 11:46:23 · 14129 阅读 · 0 评论 -
flutter控制widget进行移动
1.进行定位使用Positioned控件,可以设置widget位置2.移动widget需要使用Draggable控件3.接受widget需要DragTarget控件原创 2018-11-22 14:59:13 · 2436 阅读 · 0 评论 -
flutter细节总结1
1.Flutter 提供了两个基本的按钮控件:FlatButton 和 RaisedButton. 这个主要是默认样式的不同,使用的时候都能自己进行设置。2.Expand 控件,作用相当于weight可以占据所能占据的空间。如果有多个Expand控件,可以使用flex进行平分剩余空间。3.Stack 布局一个控件叠在另一个控件的上面。使用 alignment 进行控制对齐的位置。4.Co...原创 2018-11-19 17:46:15 · 288 阅读 · 0 评论 -
flutter设置透明度动画
设置动画控制器设置动画的回调区间开启动画重要的通过Opacity的widget,然后设置opacity的属性,这样不断的通过回调中设置setState()方法进行刷新画面...原创 2018-11-22 17:04:33 · 4880 阅读 · 0 评论 -
flutter设置平移动画
实现的步骤和透明度的动画很相似,只不过是通过padding值进行widget的移动原创 2018-11-22 17:15:26 · 9507 阅读 · 2 评论 -
flutter控制widget边角的变化
原创 2018-11-22 17:36:33 · 266 阅读 · 1 评论 -
flutter控制widget颜色的渐变
原创 2018-11-22 17:50:34 · 2855 阅读 · 0 评论 -
flutter控制widget进行旋转
原创 2018-11-22 17:53:50 · 10171 阅读 · 0 评论 -
flutter控制widget控制的大小变换
原创 2018-11-22 17:58:00 · 3695 阅读 · 0 评论 -
flutter项目分析-数据的刷新和数据的存储
1.在State的Widget进行初始化的时候,就进行加载数据在这里要注意回调方法的使用2.进行数据的存储引入依赖shared_preferences: ^0.4.3原创 2018-11-16 14:04:09 · 5436 阅读 · 0 评论 -
flutter项目分析-基本架构和路由跳转
1.首页的底部item和对应的主体的各个页面点击之后,使用PageContraoller进行转换各个页面。2.实现banner功能和图片的显示3.进行路由的跳转其中WebViewPage就是要跳转的Widget。...原创 2018-11-16 11:51:23 · 897 阅读 · 0 评论 -
flutter和native交互
主要有两个方面1.flutter向native传递数据在flutter中在native中首先需要进行注册然后需要进行注册插件2.native向flutter传递数据在flutter中需要进行注册监听native中的数据在native中也需要注册插件这里和上面flutter向native传递数据的区别就是实现的接口不同。3.如果是通过activity向flut...原创 2018-11-20 17:35:22 · 1694 阅读 · 0 评论 -
flutter基本组件和概念--依赖和路由跳转
1。添加依赖2.Stateful widgets 持有的状态可能在widget生命周期中发生变化. 实现一个 stateful widget 至少需要两个类:一个 StatefulWidget类。一个 State类。 StatefulWidget类本身是不变的,但是 State类在widget生命周期中始终存在.3.变量以下划线(_)开头,在Dart语言中使用下划线前缀标识符,会强制其...原创 2018-10-29 17:11:06 · 526 阅读 · 0 评论 -
flutter容器的概念和构造器的三种写法
1.Stack: 取代线性布局 (译者语:和Android中的LinearLayout相似),Stack允许子 widget 堆叠, 你可以使用 Positioned 来定位他们相对于Stack的上下左右四条边的位置。Stacks是基于Web开发中的绝度定位(absolute positioning )布局模型设计的。使用Stack可以使用alignment属性alignment: const...原创 2018-10-31 11:42:24 · 1998 阅读 · 0 评论 -
flutter动画和进行图片的加载
1.进行简单的移动,旋转等动画操作,具体的操作可以查看apitransform: new Matrix4.rotationZ(0.1), 沿z轴旋转transform: new Matrix4.translationValues(10.0, 30.0, 30.0),2.对于Container中可以使用foregroundDecoration属性,但是不知道为什么decoration属性使用时...原创 2018-10-31 15:01:24 · 3484 阅读 · 0 评论 -
flutter进行tab页的设计与改造
使用tab页官网地址:https://flutterchina.club/catalog/samples/AppBar_index/我们对于其中的显示的样式并不够满意,其实我们可以查看源码,借用里面的逻辑进行自身需要的改造。下面的是将第一种tab页进行改造import ‘package:flutter/material.dart’;class AppBarBottomSample exte...原创 2018-10-31 17:51:58 · 6077 阅读 · 1 评论 -
dart语言学习1
1.Final and const如果你以后不打算修改一个变量,使用 final 或者 const。 一个 final 变量只能赋值一次;一个 const 变量是编译时常量。 (Const 变量同时也是 final 变量。) 顶级的 final 变量或者类中的 final 变量在 第一次使用的时候初始化。实例变量可以为 final 但是不能是 const 。const 变量为编译时常量。 如...原创 2018-11-07 16:25:56 · 193 阅读 · 0 评论 -
dart语言学习2
1.Functions(方法)Dart 是一个真正的面向对象语言,方法也是对象并且具有一种 类型, Function。 这意味着,方法可以赋值给变量,也可以当做其他方法的参数。 也可以把 Dart 类的实例当做方法来调用。下面是定义方法的示例:bool isNoble(int atomicNumber) {return _nobleGases[atomicNumber] != null;...原创 2018-11-07 17:08:44 · 363 阅读 · 0 评论 -
dart语言学习3
1.遍历的四种方式如果需要获取索引,那么就需要使用list.indexOf(i)进行获取索引值。2.匿名函数,也成为函数的闭包。并且能够用胖箭头函数的形式进行定义。也称为lamda表达式形式。3.运算符a ? b: ca is T~/ 除号,但是返回值为整数,也就是向下取整as 类型转换is 如果对象是指定的类型返回 Trueis! 如果对象是指定...原创 2018-11-07 18:12:11 · 605 阅读 · 0 评论 -
flutter的对齐控件,拓展空间,listview,gridview控件使用
1.使用mainAxisAlignment和crossAxisAlignment属性来控制行或列如何对齐其子控件。对于行,主轴水平运行,横轴垂直运行。对于列,主轴垂直运行,横轴水平运行。2.在页面展示的时候经常出现屏幕展示不全,这时候就会在屏幕上出现斜线框子。这样的解决方法一是使用listView滚动,二是使用Expanded()进行包裹,这样就能自动填充已有的控件。3.进行列表的显示,使用...原创 2018-11-05 09:39:20 · 3411 阅读 · 0 评论 -
flutter主题的使用
flutter的主题使用提供了一些便利性。比如textTeme中就可以定义好几种主题,方便在使用text的时候进行调用。原创 2018-11-05 16:25:02 · 277 阅读 · 0 评论 -
dart语言学习7
1.将函数传递到构造器中,这时候在 传递的过程中,当f赋值给compare的时候,类型信息丢失了。class SortedCollection {Function compare;SortedCollection(int f(Object a, Object b)) {compare = f;}}// Initial, broken implementation.int sort(...原创 2018-11-13 15:04:22 · 161 阅读 · 0 评论 -
dart语言学习5
1.集合的新用法2.字符串的新用法原创 2018-11-13 16:12:31 · 147 阅读 · 0 评论 -
dart语言学习4
1.有些类提供了常量构造函数。使用常量构造函数 可以创建编译时常量,要使用常量构造函数只需要用 const 替代 new 即可:可以使用var p = const ImmutablePoint(2, 2);2.类的构造函数,并且使用:进行调用父类方法如果超类没有无名无参数构造函数, 则你需要手工的调用超类的其他构造函数。 在构造函数参数后使用冒号 (原创 2018-11-08 10:49:24 · 166 阅读 · 0 评论 -
dart语言学习6
1.使用运算符作为方法名,然后参加对象运算2.抽象函数,抽象类2.导入库的一部分// Import only foo.import ‘package:lib1/lib1.dart’ show foo;// Import all names EXCEPT foo.import ‘package:lib2/lib2.dart’ hide foo;//给库起别名import ‘pa...原创 2018-11-12 15:28:02 · 204 阅读 · 0 评论 -
flutter项目处理
https://blog.youkuaiyun.com/LXStrt01/article/details/83033723原创 2018-11-14 18:10:08 · 307 阅读 · 0 评论 -
flutter控制widget使用协同动画
使用协同动画和普通动画的区别就是不用设置监听,直接使用AnimatedBuilder类进行启动就可以了。原创 2018-11-22 18:17:24 · 789 阅读 · 0 评论