您现在的位置是：首页 > 标签搜索页 搜索结果
-
flutter-16(Drawer 侧边栏、 、 以及侧边栏内容布局)
Flutter
## 一、Flutter Drawer 侧边栏 在 `Scaffold` 组件里面传入 `drawer` 参数可以定义左侧边栏，传入 `endDrawer` 可以定义右侧边 栏。侧边栏默认是隐藏的，我们可以通过手指滑动显示侧边栏，也可以通过点击按钮显示侧边栏。 ``` return Scaffold( appBar: AppBar( title: Text("Flutter App"), ), drawer: Drawer(
阅读更多
2020-04-30【Flutter】 -
flutter-15(AppBar 自定义顶部导航按钮 以及 TabBar 定义顶部 Tab 切换)
Flutter
## 一、Flutter AppBar 自定义顶部按钮 图标、颜色 **AppBar 基本属性** 属性 | 描述 ---|--- leading | 在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮 title | 标题，通常显示为当前界面的标题文字，可以放组件 actions | 通常使用 IconButton 来表示，可以放按钮组 bottom | 通常放 tabBar，标题下面显示一个 Tab 导航栏 backgroundColor
阅读更多2020-04-30【Flutter】 -
flutter-14（路由中的 路由换路 返回到根路由)
## 一、Flutter 中返回到上一级页面 `Navigator.of(context).pop();` ## 二、Flutter 中替换路由 比如我们从用户中心页面跳转到了 `registerFirst` 页面，然后从 `register1` 页面通过 `pushReplacementNamed` 跳转到了 `register2` 页面。这个时候当我们点击 `register2` 的返回按钮的时候它会直接返回到用户中心 `Navigator.of(context).pus
阅读更多2020-04-30【Flutter】 -
flutter-13(中的普通路由、普通路由传值、命名路由、命名路由传值)
## 一、Flutter 中的路由 `Flutter` 中的路由通俗的讲就是页面跳转。在 `Flutter` 中通过 `Navigator` 组件管理路由导航。 并提供了管理堆栈的方法。如：`Navigator.push` 和 `Navigator.pop` `Flutter` 中给我们提供了两种配置路由跳转的方式： 1. 基本路由 2. 命名路由 ## 二、Flutter 中的基本路由使用 比如我们现在想从 `HomePage` 组件跳转到 `SearchPage` 组
阅读更多2020-04-30【Flutter】 -
flutter-12( BottomNavigationBar 自定义底部导航条、以及实现页面切换)
## 一、Flutter BottomNavigationBar 组件 `BottomNavigationBar` 是底部导航条，可以让我们定义底部 `Tab` 切换，`bottomNavigationBar` 是 `Scaffold` 组件的参数。 **BottomNavigationBar** 属性名 | 说明 ---|--- items | List 底部导航条按钮集合 iconSize | icon currentIndex | 默认选中第几个 onTap | 选中变
阅读更多2020-04-30【Flutter】 -
flutter-11(StatefulWidget 件 有状态组件、页面上绑定数据、改变页面数据)
一、Flutter 中自定义有状态组件 在 Flutter 中自定义组件其实就是一个类，这个类需要继承 StatelessWidget/StatefulWidget。 StatelessWidget 是无状态组件，状态不可变的 widget StatefulWidget 是有状态组件，持有的状态可能在 widget 生命周期改变。通俗的讲：如果我们想改变页面中的数据的话这个时候就需要用到 StatefulWidget
阅读更多2020-04-30【Flutter】 -
flutter-10(页面布局 Wrap 组件)
## 一、Flutter RaisedButton 定义一个按钮 `Flutter` 中通过 `RaisedButton` 定义一个按钮。`RaisedButton` 里面有很多的参数，这一讲我们只 是简单的进行使用。  ``` return RaisedButton( child: Text('女装'), textCo
阅读更多2020-04-30【Flutter】 -
flutter-09(AspectRatio 、Card 卡片组件)
## 一、Flutter AspectRatio 组件 `AspectRatio` 的作用是根据设置调整子元素 `child` 的宽高比。 `AspectRatio` 首先会在布局限制条件允许的范围内尽可能的扩展，`widget` 的高度是由宽度和比率决定的，类似于 `BoxFit` 中的 `contain`，按照固定比率去尽量占满区域。 如果在满足所有限制条件过后无法找到一个可行的尺寸，`AspectRatio` 最终将会去优先适应布局限制条件，而忽略所设置的比率。 属性
阅读更多2020-04-30【Flutter】 -
flutter-08(页面布局 Stack 层叠组件 Stack 与 与 Align Stack 与 与 Positioned 现定位布局)
## 一、Flutter Stack 组件 `Stack` 表示堆的意思，我们可以用 `Stack` 或者 `Stack` 结合 `Align` 或者 `Stack` 结合 `Positiond` 来实现页面的定位布局 属性 | 说明 ---|--- alignment | 配置所有子元素的显示位置 children | 子组件 ## 二、 Flutter Stack Align `Stack` 组件中结合 `Align` 组件可以控制每个子元素的显示位置 属性 |
阅读更多2020-04-30【Flutter】 -
flutter-07(页面布局 Paddiing Row Column Expanded 组件详解)
## 一、Flutter Paddiing 组件 在 `html` 中常见的布局标签都有 `padding` 属性，但是 `Flutter` 中很多 `Widget` 是没有 `padding` 属 性。这个时候我们可以用 `Padding` 组件处理容器与子元素直接的间距。 属性 | 说明 ---|--- padding | padding 值, EdgeInsetss 设置填充的值 child | 子组件 ](/static/images/b02.jpg "flutter-32(检测网络连接 监听网络变化)")
