dart
Ymq.
这个作者很懒,什么都没留下…
展开
-
14. Flutter Drawer——侧边栏
1. Flutter Drawer 侧边栏在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏。return Scaffold( appBar: AppBar( title: Text("Flutter App"), ), drawer: Drawer( child: Text('左侧边栏'), ), endDrawer: Drawe原创 2021-02-15 19:30:45 · 427 阅读 · 0 评论 -
12. Flutter——AppBar自定义顶部导航
1. Flutter Drawer 侧边栏在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏。...原创 2021-01-08 18:33:57 · 388 阅读 · 0 评论 -
13. Flutter——AppBar按钮组件
1. Flutter 中的按钮组件RaisedButton :凸起的按钮,其实就是 Material Design 风格的 ButtonFlatButton :扁平化的按钮OutlineButton:线框按钮IconButton :图标按钮ButtonBar:按钮组FloatingActionButton:浮动按钮属性:属性名称值类型属性值onPressedVoidCallback ,一般接收一个方法必填参数,按下按钮时触发的回调,接收一个方法,传 nul原创 2021-01-01 19:24:35 · 897 阅读 · 0 评论 -
12. Flutter——AppBar自定义顶部导航
1. Flutter AppBar 自定义顶部按钮图标、颜色属性:属性描述leading在标题前面显示的一个控件,在首页通常显示应用的 logo;在其他界面通常显示为返回按钮title标题,通常显示为当前界面的标题文字,可以放组件actions通常使用 IconButton 来表示,可以放按钮组bottom通常放 tabBar,标题下面显示一个 Tab 导航栏backgroundColor导航背景颜色iconTheme图标样式原创 2020-12-12 09:44:13 · 402 阅读 · 0 评论 -
11. Flutter——Navigator 路由(页面跳转)
1. Flutter 中的路由在 Flutter 中通过 Navigator 组件管理路由导航。 并提供了管理堆栈的方法。如:Navigator.push 和 Navigator.popFlutter 中给我们提供了两种配置路由跳转的方式:1、基本路由 2、命名路由2. Flutter 中的基本路由使用比如我们现在想从 HomePage 组件跳转到 SearchPage 组件。1、需要在 HomePage 中引入 SearchPage.dart:import'../SearchPage原创 2020-11-26 12:29:42 · 424 阅读 · 0 评论 -
10. Flutter——Wrap页面布局组件
1. Wrap组件Wrap 可以实现流布局,单列的 Wrap 则跟 Row 无差别。但 Row 与 Column 都是单行单列的,Wrap 则突破了这个限制,mainAxis 上空 间不足时,就会向 crossAxis 上去扩展显示。属性:属性说明direction主轴的方向,默认水平alignment主轴的对其方式spacing主轴方向上的间距textDirection文本方向verticalDirection定义了 children原创 2020-11-19 09:50:39 · 334 阅读 · 0 评论