flutter AnimatedPositionedDirectional 使用解析
在 Flutter 中,AnimatedPositionedDirectional 组件应用在 Stack 中,当位置或者是大小改变时,呈动画效果
const AnimatedPositionedDirectional({Key? key,required this.child,this.start,this.top,this.end,this.bottom,this.width,this.height,Curve curve = Curves.linear,required Duration duration,VoidCallback? onEnd,})
- start 如果当前的环境是 TextDirection.ltr 文字方向从左向右,则是左对齐,反之是右对齐
- end 如果当前的环境是 TextDirection.ltr 文字方向从左向右,则是右对齐,反之是左对齐
- width 限制子组件的宽度
- heght 限制子组件的高度
- curve 动画曲线 速率
- duration 动画执行时间
- onEnd 动画执行完成回调方法
使用 Demo
Directionality(// TextDirection.ltr left to right 从左到右// TextDirection.rtl rtl right to lefttextDirection: TextDirection.ltr,child: Stack(children: [AnimatedPositionedDirectional(top: 100,start: 100,width: 100,height: 200,duration: Duration(seconds: 2),//执行结束回调onEnd: () {},//动画曲线curve: Curves.fastOutSlowIn,child: Container(color: Colors.blue,child: Text("早起的年轻人"),),),],),
)
如果你有兴趣 你可以关注一下公众号 biglead 来获取最新的学习资料。
- Flutter 从入门 到精通系列文章在这里
- 当然也必需是要有源码的 在这里了
- github 有点慢 不妨来看看码云的源码吧
- 系列学习教程在这里
flutter AnimatedPositionedDirectional 使用解析相关推荐
- Flutter 路由原理解析
前言 这一次,我尝试以不贴一行源代码的方式向你介绍 Flutter 路由的实现原理,同时为了提高你阅读源码的积极性,除了原理介绍以外,又补充了两个新的模块:从源码中学习到的编程技巧,以及 阅读源码之后 ...
- 融云 Flutter IM SDK 解析
最近准备使用融云的 Flutter SDK,所以顺便记录一下. 融云 Flutter IM SDK 地址:传送门 融云的 Flutter SDK 是基于 融云 IMLib 层做的封装,封装了 IMLi ...
- Flutter 手势GestureDetector解析
对于移动端的开发者来说,手势是一个非常重要的模块,基本上做任何App都会遇到各种各样的手势问题,而手势也是移动的一个不算小的模块吧,要彻底搞得还是得费一些时间的,如果之前对Android或者IOS的手 ...
- Flutter JSON数据解析
文章目录 Flutter JSON解析 基本使用 定义bean类 解析Json 解析JsonArray 自动生成Model类 添加依赖 编写代码 执行命令 在线网站生成 JsonToDart插件生成 ...
- Flutter 动画全解析(动画四要素、动画组件、隐式动画组件原理等)
本文通过拆解 Flutter 中动画的实现方式以及原理来介绍动画实现的整个过程. 1. 动画四要素 动画在各个平台的实现原理都基本相同,是在一段时间内一系列连续变化画面的帧构成的.在 Flutter ...
- Flutter AnimatedList 使用解析
志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...
- Flutter AnimatedAlign 使用解析
在Flutter中, Align 可以用来实现 Widget的对齐排版. 在Flutter中, AnimatedAlign 可以用来实现 Widget的对齐排版变化时形成一个动画过渡,也是一种简单的动 ...
- Flutter 初始化工程解析
工程目录介绍 代码介绍 示例代码在 mian.dart 这个文件中,将代码折叠可以发现,除了main函数,还有三个class main函数: void main() {runApp(const MyA ...
- Flutter 项目开发指导 从基础入门到精通使用目录
Flutter 从入门 到精通系列文章 本文章为 Flutter 开发中的经验积累分享.教程分享.开发笔记分享目录,持续维护中. 题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Fl ...
最新文章
- Linux监控命令之==vmstat
- JSP利用servlet上传文件时的中文乱码问题
- 收留我接入云信,打造陌生人旅行社交
- python自动华 (四)
- 【干货】10张GIF动图让你弄懂循环、递归、二分检索等概念
- 移卡科技java_聊一聊Java垃圾回收与卡表技术
- 第3章 C# 2008中面向过程的高级元
- c#期末考试知识点_c#期末考试复习题及答案
- Python使用C++动态库的方法
- MySQL使用规范手册,程序员必知必会
- 如何将heic格式批量转化jpg
- 百度网盘破解版,满速下载不限速【转载,亲测有效】
- sir模型 python_SIR传染病模型(附Python代码)
- unbuntu安装docker
- SCI投稿:MDPI旗下期刊Mathematics投稿经历
- 正在载入中......loading页面的几种方法
- C#:调用百度接口实现文字识别(准备做一个截图文字识别软件)
- maven中druid数据源配置无效的问题和jar包找不到问题(DruidDataSourceFactory爆红问题)
- 用Qt实现计算器(实现了运算符优先级)
- 正轴等距离切圆柱投影
热门文章
- AI人脸识别真的成熟了吗?读完这篇你就懂了
- 新加坡科技设计大学招收全奖博士,以及Research Assistant/Postdoc
- [CV招聘]中科院空间应用工程与技术中心2019年校园招聘
- 一张图带你了解python
- Python爬虫中最重要、最常见、一定要熟练掌握的库
- 收藏 | 深度学习pytorch训练代码
- MATLAB App Designer GUI开发从0到1(实战篇)
- 共享变量 tensorflow解读
- 刑事科学技术专业与计算机专业,辽宁警察学院刑事科学技术专业
- oracle复杂的子查询,Oracle 子查询(复杂select语句)