2020年2月21日

摘要: Flutter FloatingActionButton 介绍 // FloatingActionButton 简称 FAB // 它可以实现浮动按钮的效果 // 此外,还可以用它实现类似于"闲鱼"app的底部凸起导航效果 child // 子视图,一般为 Icon,不推荐使用文字作为子视图 too 阅读全文
posted @ 2020-02-21 22:35 完美前端 阅读(603) 评论(0) 推荐(0)
摘要: Flutter中的按钮组件介绍 // Flutter提供了多种不同的按钮组件以满足不同的设计和功能需求 // RaisedButton: 凸起的按钮,符合Material Design风格 // FlatButton: 扁平化的按钮,没有明显的边界和背景色 // OutlineButton: 带有线 阅读全文
posted @ 2020-02-21 20:44 完美前端 阅读(1541) 评论(0) 推荐(0)
摘要: 1. Flutter Drawer 侧边栏 // 在Scaffold组件内,通过传入drawer参数可以定义左侧的边栏,而通过endDrawer则可以定义右侧边栏。 // 默认情况下,侧边栏是隐藏的。可以通过手势滑动或点击按钮来显示。 return Scaffold( appBar: AppBar( 阅读全文
posted @ 2020-02-21 20:14 完美前端 阅读(1000) 评论(0) 推荐(0)
摘要: Flutter AppBar 自定义顶部按钮图标、颜色 // leading:在标题前面显示的一个控件。在首页,通常显示应用的 logo;在其他界面,通常显示为返回按钮。 // title:标题。通常显示为当前界面的标题文字,但也可以是其他的组件。 // actions:通常使用 IconButto 阅读全文
posted @ 2020-02-21 14:03 完美前端 阅读(1493) 评论(0) 推荐(0)
摘要: Flutter 中返回到上一级页面 // 使用Navigator的pop方法可以使Flutter应用返回到上一个页面 Navigator.of(context).pop(); Flutter 中替换路由 // 使用pushReplacementNamed可以替换当前的路由。比如从"用户中心"页面跳转 阅读全文
posted @ 2020-02-21 12:02 完美前端 阅读(1442) 评论(0) 推荐(0)
摘要: 如何获取上一个页面的返回参数 // 使用Navigator的pop方法来返回参数到上一个页面 Navigator.pop(context, {'title': '123789'}); // 在页面跳转时接收返回的参数 onTap: () async{ // 使用Navigator的pushNamed 阅读全文
posted @ 2020-02-21 00:01 完美前端 阅读(607) 评论(0) 推荐(0)

导航