摘要: 陆续将自己积累的知识点,demo和笔记,迁移到博客园中... 阅读全文
posted @ 2017-12-05 22:43 JieFangZhe 阅读(53) 评论(0) 推荐(0) 编辑

2021年11月7日

摘要: 一、Flutter Drawer 侧边栏 在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏。 return Scaffold( appBar: AppB 阅读全文
posted @ 2021-11-07 21:51 JieFangZhe 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter AppBar 自定义顶部按钮图标、颜色 属性 描述 leading 在标题前面显示的一个控件,在首页通常显示应用 的 logo;在其他界面通常显示为返回按钮 title 标题,通常显示为当前界面的标题文字,可以放组件 actions 通常使用 IconButton 来表示,可以放 阅读全文
posted @ 2021-11-07 21:32 JieFangZhe 阅读(815) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter 中返回到上一级页面 Navigator.of(context).pop(); 二、Flutter 中替换路由 比如我们从用户中心页面跳转到了 registerFirst 页面,然后从 registerFirst 页面通过pushReplacementNamed 跳转到了 regi 阅读全文
posted @ 2021-11-07 21:13 JieFangZhe 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter 中的路由 Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理路由导航。并提供了管理堆栈的方法。如:Navigator.push 和 Navigator.pop Flutter 中给我们提供了两种配置路由跳转的方式:1、基本路由 阅读全文
posted @ 2021-11-07 20:44 JieFangZhe 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter BottomNavigationBar 组件 BottomNavigationBar 是底部导航条,可以让我们定义底部 Tab 切换,bottomNavigationBar是 Scaffold 组件的参数。 BottomNavigationBar 常见的属性 属性名 说明 ite 阅读全文
posted @ 2021-11-07 20:37 JieFangZhe 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter 中自定义有状态组件 在 Flutter 中自定义组件其实就是一个类,这个类需要继承 StatelessWidget/StatefulWidget。 StatelessWidget 是无状态组件,状态不可变的 widget StatefulWidget 是有状态组件,持有的状态可能 阅读全文
posted @ 2021-11-07 20:27 JieFangZhe 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter RaisedButton 定义一个按钮 Flutter 中通过 RaisedButton 定义一个按钮。RaisedButton 里面有很多的参数,这一讲我们只是简单的进行使用。 return RaisedButton( child: Text('女装'), textColor: 阅读全文
posted @ 2021-11-07 20:08 JieFangZhe 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高度是由宽度和比率决定的,类似于 BoxFit 中的 contain,按照固定比率去尽量 阅读全文
posted @ 2021-11-07 19:44 JieFangZhe 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter Stack 组件 Stack 表示堆的意思,我们可以用 Stack 或者 Stack 结合 Align 或者 Stack 结合 Positiond 来实现页面的定位布局 属性 说明 alignment 配置所有子元素的显示位置 children 子组件 二、Flutter Sta 阅读全文
posted @ 2021-11-07 19:35 JieFangZhe 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 一、Flutter Paddiing 组件 在 html 中常见的布局标签都有 padding 属性,但是 Flutter 中很多 Widget 是没有 padding 属性。这个时候我们可以用 Padding 组件处理容器与子元素直接的间距。 属性 说明 padding padding 值, Ed 阅读全文
posted @ 2021-11-07 19:27 JieFangZhe 阅读(35) 评论(0) 推荐(0) 编辑

导航