Flutter 悬浮按钮 FloatingActionButton 的详细配置使用

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

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

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

Flutter 中 FloatingActionButton 是用来实现悬浮按钮效果的

class ScffoldHomePage extends StatefulWidget {@overrideState<StatefulWidget> createState() {return ScffoldHomePageState();}
}class ScffoldHomePageState extends State<ScffoldHomePage> {///当前选中的页面num index =0;@overrideWidget build(BuildContext context) {///使用 Scaffold 组件来构建应用的基本页面/// 页面的架构return Scaffold(///定义页面的标题appBar: AppBar(title: Text("这里是首页"),),///定义的页面的主体内容body:pageWidgetList[index],///定义的悬浮按钮floatingActionButton: FloatingActionButton(child: Text("++"),///点击响应事onPressed: () {print("点击了 FloatingActionButton");},///长按提示tooltip: "点击了 tooltip s ",///设置悬浮按钮的背景backgroundColor: Colors.red,///获取焦点时显示的颜色focusColor: Colors.green,///鼠标悬浮在按钮上时显示的颜色hoverColor: Colors.yellow,///水波纹颜色splashColor: Colors.deepPurple,///定义前景色 主要影响文字的颜色foregroundColor: Colors.black,///配制阴影高度 未点击时elevation: 0.0,///配制阴影高度 点击时highlightElevation: 20.0,),///用来控制  FloatingActionButton 的位置///FloatingActionButtonLocation.endFloat 默认使用 浮动右下角///FloatingActionButtonLocation.endDocked 右下角///FloatingActionButtonLocation.endTop  右上角///FloatingActionButtonLocation.startTop 左上角///FloatingActionButtonLocation.centerFloat 底部中间浮动///FloatingActionButtonLocation.centerDocked 底部中间不浮动floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,);}
}

Flutter 悬浮按钮 FloatingActionButton 的详细配置使用相关推荐

Flutter悬浮按钮FloatingActionButton使用详解
1.普通用法 1 2 3 4 5 6 floatingActionButton: FloatingActionButton( child: Icon(Icons.add), onP ...
android悬浮按钮阴影,浅谈FloatingActionButton(悬浮按钮)
一.介绍这个类是继承自ImageView的,所以对于这个控件我们可以使用ImageView的所有属性 android.support.design.widget.FloatingActionButt ...
Android自定义可拖拽的悬浮按钮---DragFloatingActionButton
悬浮按钮FloatingActionButton是Android 5.0系统添加的新控件,FloatingActionButton是继承至ImageView,所以FloatingActionButto ...
android 悬浮按钮和可交互提示,android ——悬浮按钮及可交互提示
一.悬浮按钮 FloatingActionButton是Design Support中的一个控件,它会默认colorAccent作为按钮的颜色,还可以给按钮一个图标. 这是没有图标的 ,这是有图标的 ...
Flutter全局悬浮按钮
方法一 Offset _offset = Offset.zero;Scaffold(body: Stack(children: [_pageList[_currentIndex],Positioned ...
android布局黑色字体颜色,Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法示例...
本文实例讲述了Android开发之FloatingActionButton悬浮按钮基本使用.字体.颜色用法.分享给大家供大家参考,具体如下: 这里主要讲: FloatingActionsMenu自定义 ...
flutter 拖拽布局_使用Flutter模仿SOUL可任意拖动的悬浮按钮
在Flutter中,我们可以两种方式实现小部件对拖动效果 GestureDetector() Draggable() GestureDetector 在开发过程中经常使用到GestureDetecto ...
Android 5.0新控件——FloatingActionButton（悬浮按钮）
Android 5.0新控件--FloatingActionButton(悬浮按钮) FloatingActionButton是5.0以后的新控件,一个悬浮按钮,之所以叫做悬浮按钮,主要是因为自带阴影 ...
android悬浮按钮列表,Android悬浮菜单按钮FloatingActionButton实现
[实例简介] Android悬浮菜单按钮FloatingActionButton实现,可直接拿到项目中集成使用.希望大家多多关注我的博客:https://blog.csdn.net/k57103983 ...

Flutter 悬浮按钮 FloatingActionButton 的详细配置使用

Flutter 悬浮按钮 FloatingActionButton 的详细配置使用相关推荐

最新文章

热门文章