Flutter 页面托动按钮 DraggableFloatingActionButton

志在巅峰的攀登者，不会陶醉在沿途的某个脚印之中，在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。

如果你有兴趣你可以关注一下公众号 biglead 来获取最新的学习资料。

Flutter 从入门到精通系列文章在这里
当然也必需是要有源码的在这里了
github 有点慢不妨来看看码云的源码吧
系列学习教程在这里

本文章实现的效果图

1 第一步添加插件依赖

shake_animation_widget: ^3.0.3

2 在代码中使用

class Exam223HomePage extends StatefulWidget {const Exam223HomePage({Key? key}) : super(key: key);@overrideState<Exam223HomePage> createState() => _Exam223HomePageState();
}class _Exam223HomePageState extends State<Exam223HomePage> {//Stack使用的Keyfinal GlobalKey _parentKey = GlobalKey();@overrideWidget build(BuildContext context) {return Scaffold(body: SizedBox(width: double.infinity,height: double.infinity,child: Stack(key: _parentKey,children: [Container(color: Colors.blueGrey),DraggableFloatingActionButton(child: Container(width: 60,height: 60,decoration: const ShapeDecoration(shape: CircleBorder(),color: Colors.white,),child: const Icon(Icons.add),),initialOffset: const Offset(120, 70),parentKey: _parentKey,onPressed: () {},),],),),);}
}

如果你迷茫不妨来此每日分享先积累着再说
更多Widget 的应用，小编已总结在书中

手机点击查看 # 电脑点击查看

手机点击查看 # 电脑点击查看

Flutter 页面托动按钮 DraggableFloatingActionButton相关推荐

【Flutter】Flutter 混合开发 ( 关联 Android 工程与 Flutter 工程 | 安卓页面中嵌入 Flutter 页面 | 安卓中启动 Flutter 页面 )
文章目录前言一.创建 Android 项目二.关联 Android 工程与 Flutter Module 工程 1.配置 Flutter Module工程 2.配置 build.gradle 3 ...
【Flutter】Flutter 页面生命周期 ( 初始化期 | createState | initState | 更新期 | build | 销毁期 | dispose)
文章目录一.Flutter 页面生命周期 1.StatelessWidget 组件生命周期函数 2.StatefulWidget 组件生命周期函数二.StatefulWidget 组件生命周期 1 ...
一篇文章说完Flutter页面路由导航及传参
目录前言动态路由静态路由静态路由传参 Fluro 实现路由导航与传参前言在 Flutter 中,App 多个页面之间的跳转是由 Navigator(导航器)来管理的,如常见的 Naviga ...
Flutter页面不流畅，难道是使用姿势有问题？
作者|檀婷婷(三莅) 出品|阿里巴巴新零售淘系技术部背景高性能高流畅度一直是Flutter团队宣传的一大亮点,也是当初闲鱼选择Flutter的重要因素之一,但是随着复杂业务的应用落地,通过Flut ...
Flutter的AppBar的按钮组件
Flutter的AppBar的按钮组件 1.AppBar和SliverAppbar AppBar和SliverAppBar全部都是继承StatefulWidget类,代表都是ToolBar 工具条 A ...
OAF在打开的新页面中添加按钮，功能是关闭当前页面
OAF在打开的新页面中添加按钮,功能是关闭当前页面 javascript:close()
asp登录页面跳转到注册页面_Java 添加页面跳转按钮到PDF文档
概述当我们在查阅含有大量页面的PDF时,可通过在页面上添加跳转按钮来实现页面转换,以达到节约时间,提高效率的目的.本文将通过Java程序来演示如何给PDF文档添加页面跳转按钮.通常来说跳转可分为两种 ...
appcan slider轮播图和页面弹动冲突解决
在安卓下,用第三轮播图,卡成球一样.经常有问题,但IOS下很正常,官方自带的slider不加页面弹动很OK.但不可能app中不用弹动吧. 修改方法: 在DIV中直接加滑动禁止弹动代码如下 <di ...
【HTML5】页面点击按钮添加一行删除一行全选反选全不选
页面点击按钮添加一行删除一行全选反选全不选页面效果图如下 html页面代码 <!DOCTYPE html> <html><head>< ...

Flutter 页面托动按钮 DraggableFloatingActionButton

1 第一步添加插件依赖

2 在代码中使用

Flutter 页面托动按钮 DraggableFloatingActionButton相关推荐

最新文章

热门文章