Flutter

最新博文

• flutter-24(自定义 Dialog、定时器)

  Flutter

  ## 一、Flutter 自定义 Dialog 自定义 `Dialog` 对象，需要继承 `Dialog` 类，尽管 `Dialog` 提供了 `child` 参数可以用来写视图界面， 但是往往会达不到我们想要的效果，因为默认的 `Dialog` 背景框是满屏的。如果我们想完全定 义界面，就需要重写 `build` 函数。  > MyDi

  2020-04-30【Flutter】

  阅读更多

• flutter-23(dialog 弹出层、 AlertDialog、SimpleDialog、showModalBottomSheet 、showToast)

  Flutter

  >在调用 `showDialog` 加上下面参数 `barrierDismissible:false` 表示点击灰色背景的时候是否消失弹出框，建议弹出框的时候加上此属性 ## 一、AlertDialog  ``` _alertDialog() async{ var result= await showDialog( b

  2020-04-30【Flutter】

  阅读更多

• flutter-22(轮播图 flutter_swiper 、AspectRatio 横纵比组件)

  Flutter

  ## AspectRatio 适配横纵比组件 ``` AspectRatio( aspectRatio: 16 / 9, // 设置比例 child:, ) ``` ## 轮播图组件 [文档： https://pub.dev/packages/flutter_swiper]( https://pub.dev/packages/flutter_swiper) > SwiperDemo.dart ![image](http://image.api

  2020-04-30【Flutter】

  阅读更多

• flutter-21(官方自带日期组件[showDatePicker、showTimePicker]、第三方日期组件)

  Flutter

  ## 一、Flutter 日期和时间戳 **日期转化成时间戳：** ``` var now = new DateTime.now(); print(now.millisecondsSinceEpoch);//单位毫秒，13 位时间戳, print需要在body中打印出来 ``` **时间戳转化成日期：** ``` var now = new DateTime.now(); var a=now.millisecondsSinceEpoch; //时间戳 print(Dat

  2020-04-30【Flutter】

  阅读更多

• flutter-20(网络请求)

  ## 添加依赖 > 项目根目录文件 `pubspec.yaml` ``` dependencies: dio: ^3.x.x // 请使用pub上3.0.0分支的最新版本 ``` [文档地址](https://github.com/flutterchina/dio/blob/master/README-ZH.md) ## 一个极简的示例 ``` import 'package:dio/dio.dart'; void getHttp() async { t

  2020-04-30【Flutter】

  阅读更多

• flutter-19(icon)

  flutter 图标一览表，flutter图标对应代码

  2020-04-30【Flutter】

  阅读更多

• flutter-18(表单)

  ## 一、Flutter 常用表单介绍 `Flutter` 中常见的表单有 `TextField` 单行文本框，`TextField` 多行文本框、`CheckBox`、`Radio`、`Switch`、`CheckboxListTile`、`RadioListTile`、`SwitchListTile`、`Slide` ## 二、 TextField 文本框组件 **TextField 表单常见属性** 属性 | 描述 ---|--- maxLines | 设置此参数可以

  2020-04-30【Flutter】

  阅读更多

• flutter-17(按钮组件、自定义按钮组件、FloatingActionButton)

  Flutter

  ## 一、Flutter 中的按钮组件介绍 `Flutter` 里有很多的 `Button` 组件很多，常见的按钮组件有：`RaisedButton`、`FlatButton`、 `IconButton`、`OutlineButton`、`ButtonBar`、`FloatingActionButton` 等。 - **RaisedButton** ：凸起的按钮，其实就是 `Material Design` 风格的 `Button` - **FlatButton** ：扁平化的按钮 -

  2020-04-30【Flutter】

  阅读更多

• 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】

  阅读更多