flutter
文章平均质量分 77
houruoyu3
这个作者很懒,什么都没留下…
展开
-
Flutter之瀑布流效果——Flutter基础系列
需求:相信android和ios的瀑布流效果大家都试过,网上有很多实现方法和开源库,今天我来为大家介绍一下如何在Flutter中实现瀑布流,整理一下方便以后学习,顺便分享给大家。一、生成二维码1、导入依赖在 pubspec.yaml 中 dependencies 节点下添加: # 瀑布流插件 flutter_staggered_grid_view: ^0.3.3 # 网络缓存图片 cached_network_image : ^0.6.22、引入代码import 'packag原创 2021-01-19 15:03:15 · 1232 阅读 · 1 评论 -
Flutter之基本路由,命名路由跳转,返回上一页,替换路由和返回根路由——Flutter基础系列
需求:今天为大家介绍一下Flutter是如何进行页面跳转,路由管理的。一、基本路由1、基本路由使用假设我们需要从A页面跳转到basic页面,则我们需要在A页面引入import '../basic.dart';然后在A页面通过以下方法跳转: RaisedButton( child: Text("跳转到基本路由页面"), onPressed: (){ Navigator.of(context).push(原创 2021-01-09 17:45:38 · 972 阅读 · 0 评论 -
Flutter之实现生成二维码,扫描二维码——Flutter基础系列
需求:今天正好做生成二维码和扫描二维码的功能,整理一下方便以后学习,顺便分享给大家。一、生成二维码1、导入依赖在 pubspec.yaml 中 dependencies 节点下添加: # 二维码生成 https://pub.dev/packages/qr_flutter qr_flutter: ^3.2.02、引入代码import 'package:qr_flutter/qr_flutter.dart';3、属性属性类型描述versionintQrVer原创 2021-01-07 18:32:46 · 10458 阅读 · 0 评论 -
Flutter之自定义底部导航条以及页面切换实例——Flutter基础系列
三只松鼠原创 2020-12-03 14:57:14 · 729 阅读 · 0 评论 -
Flutter之自定义顶部Tab——Flutter基础系列
需求:顶部导航条的功能实现。效果图:DefaultTabController( length: 2, //配置顶部tab的数量 child: Scaffold( appBar: AppBar( title: Text("普通顶部导航栏"), bottom: TabBar( tabs: <Widget>[ Tab(text: "热.原创 2020-12-14 18:31:15 · 1858 阅读 · 1 评论 -
Flutter之抽屉组件drawer,设置drawer宽度——Flutter基础系列
需求:抽屉组件drawer的实现。效果图:一、侧边栏的实现return Scaffold( appBar: AppBar( title: Text("侧边栏"), ), drawer: Drawer( child: Text('左侧边栏'), ), endDrawer: Drawer( child: Text('右侧边栏'), ),);在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 e.原创 2020-12-18 15:55:43 · 5569 阅读 · 2 评论