您现在的位置是:首页 > 标签搜索页 搜索结果

  • flutter-16(Drawer 侧边栏、 、 以及侧边栏内容布局)

    Flutterflutter-16(Drawer  侧边栏、 、 以及侧边栏内容布局)

    ## 一、Flutter Drawer 侧边栏 在 `Scaffold` 组件里面传入 `drawer` 参数可以定义左侧边栏,传入 `endDrawer` 可以定义右侧边 栏。侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏。 ``` return Scaffold( appBar: AppBar( title: Text("Flutter App"), ), drawer: Drawer(

    2020-04-30Flutter

    阅读更多
  • flutter-15(AppBar 自定义顶部导航按钮 以及 TabBar 定义顶部 Tab 切换)

    Flutterflutter-15(AppBar  自定义顶部导航按钮 以及 TabBar  定义顶部 Tab 切换)

    ## 一、Flutter AppBar 自定义顶部按钮 图标、颜色 **AppBar 基本属性** 属性 | 描述 ---|--- leading | 在标题前面显示的一个控件,在首页通常显示应用的 logo;在其他界面通常显示为返回按钮 title | 标题,通常显示为当前界面的标题文字,可以放组件 actions | 通常使用 IconButton 来表示,可以放按钮组 bottom | 通常放 tabBar,标题下面显示一个 Tab 导航栏 backgroundColor

    2020-04-30Flutter

    阅读更多
  • flutter-14(路由中的 路由换路 返回到根路由)

    ## 一、Flutter 中返回到上一级页面 `Navigator.of(context).pop();` ## 二、Flutter 中替换路由 比如我们从用户中心页面跳转到了 `registerFirst` 页面,然后从 `register1` 页面通过 `pushReplacementNamed` 跳转到了 `register2` 页面。这个时候当我们点击 `register2` 的返回按钮的时候它会直接返回到用户中心 `Navigator.of(context).pus

    2020-04-30Flutter

    阅读更多
  • flutter-13(中的普通路由、普通路由传值、命名路由、命名路由传值)

    ## 一、Flutter 中的路由 `Flutter` 中的路由通俗的讲就是页面跳转。在 `Flutter` 中通过 `Navigator` 组件管理路由导航。 并提供了管理堆栈的方法。如:`Navigator.push` 和 `Navigator.pop` `Flutter` 中给我们提供了两种配置路由跳转的方式: 1. 基本路由 2. 命名路由 ## 二、Flutter 中的基本路由使用 比如我们现在想从 `HomePage` 组件跳转到 `SearchPage` 组

    2020-04-30Flutter

    阅读更多
  • flutter-12( BottomNavigationBar 自定义底部导航条、以及实现页面切换)

    ## 一、Flutter BottomNavigationBar 组件 `BottomNavigationBar` 是底部导航条,可以让我们定义底部 `Tab` 切换,`bottomNavigationBar` 是 `Scaffold` 组件的参数。 **BottomNavigationBar** 属性名 | 说明 ---|--- items | List 底部导航条按钮集合 iconSize | icon currentIndex | 默认选中第几个 onTap | 选中变

    2020-04-30Flutter

    阅读更多
  • flutter-11(StatefulWidget 件 有状态组件、页面上绑定数据、改变页面数据)

    一、Flutter 中自定义有状态组件 在 Flutter 中自定义组件其实就是一个类,这个类需要继承 StatelessWidget/StatefulWidget。 StatelessWidget 是无状态组件,状态不可变的 widget StatefulWidget 是有状态组件,持有的状态可能在 widget 生命周期改变。通俗的讲:如果我们想改变页面中的数据的话这个时候就需要用到 StatefulWidget

    2020-04-30Flutter

    阅读更多
  • flutter-10(页面布局 Wrap 组件)

    ## 一、Flutter RaisedButton 定义一个按钮 `Flutter` 中通过 `RaisedButton` 定义一个按钮。`RaisedButton` 里面有很多的参数,这一讲我们只 是简单的进行使用。 ![image](http://image.apidata.vip/QQ%E6%88%AA%E5%9B%BE20200302230856.png) ``` return RaisedButton( child: Text('女装'), textCo

    2020-04-30Flutter

    阅读更多
  • flutter-09(AspectRatio 、Card 卡片组件)

    ## 一、Flutter AspectRatio 组件 `AspectRatio` 的作用是根据设置调整子元素 `child` 的宽高比。 `AspectRatio` 首先会在布局限制条件允许的范围内尽可能的扩展,`widget` 的高度是由宽度和比率决定的,类似于 `BoxFit` 中的 `contain`,按照固定比率去尽量占满区域。 如果在满足所有限制条件过后无法找到一个可行的尺寸,`AspectRatio` 最终将会去优先适应布局限制条件,而忽略所设置的比率。 属性

    2020-04-30Flutter

    阅读更多
  • flutter-08(页面布局 Stack 层叠组件 Stack 与 与 Align Stack 与 与 Positioned 现定位布局)

    ## 一、Flutter Stack 组件 `Stack` 表示堆的意思,我们可以用 `Stack` 或者 `Stack` 结合 `Align` 或者 `Stack` 结合 `Positiond` 来实现页面的定位布局 属性 | 说明 ---|--- alignment | 配置所有子元素的显示位置 children | 子组件 ## 二、 Flutter Stack Align `Stack` 组件中结合 `Align` 组件可以控制每个子元素的显示位置 属性 |

    2020-04-30Flutter

    阅读更多
  • flutter-07(页面布局 Paddiing Row Column Expanded 组件详解)

    ## 一、Flutter Paddiing 组件 在 `html` 中常见的布局标签都有 `padding` 属性,但是 `Flutter` 中很多 `Widget` 是没有 `padding` 属 性。这个时候我们可以用 `Padding` 组件处理容器与子元素直接的间距。 属性 | 说明 ---|--- padding | padding 值, EdgeInsetss 设置填充的值 child | 子组件 ![image](http://image.apidata.

    2020-04-30Flutter

    阅读更多

我的名片

网名:随心

职业:PHP程序员

现居:湖北省-武汉市

Email:704061912@qq.com