摘要:
在tabbar中indicator宽度是无法修改的,所以需要咱们去自定义indicator。 下面是自定义的代码,直接拷贝使用,已做好修改。 // Copyright 2018 The Chromium Authors. All rights reserved. // Use of this sou 阅读全文
摘要:
众所周知tabbar的高度是不可改变的。比如我们普通的写一个tabbar。 先上效果图: 代码: Scaffold( appBar: AppBar( title: Text("TabBarDemo"), bottom: TabBar( tabs: <Widget>[ Tab(text: "热门"), 阅读全文
摘要:
在开发flutter悬停头部中,发现一个问题。 我们通常使用SliverAppBar(),去实现悬停的功能,在使用appbar的时候满足不了我们的需求,就需要自定义, 如下:在title中写了一个搜索框的功能,但是我发现在上滑隐藏的时候,icon有渐变效果,包括普通的text都有渐变的效果,像我写的 阅读全文
摘要:
CustomScrollView是使用Sliver组件创建自定义滚动效果的滚动组件。使用场景: ListView和GridView相互嵌套场景,ListView嵌套GridView时,需要给GridView指定高度,但我们希望高度随内容而变化(不指定),ListView和GridView使用同一个滚 阅读全文
摘要:
现如今的手机已经不能提供给应用程序规整的矩形界面了,一些带圆角或者是刘海屏让应用程序的布局更加复杂,甚至是需要单独适配,这对开发者来来太糟糕了。 因此SafeArea控件应用而生,SafeArea通过MediaQuery检测屏幕的尺寸使应用程序的大小与屏幕适配。 创建一个铺满全屏的ListView, 阅读全文
摘要:
1,EasyRefresh实现listview上拉刷新下拉加载,添加头尾布局,以及加载样式 地址:https://pub.flutter-io.cn/packages/flutter_easyrefresh 阅读全文
摘要:
一. Slivers 我们考虑一个这样的布局:一个滑动的视图中包括一个标题视图(HeaderView),一个列表视图(ListView),一个网格视图(GridView)。 我们怎么可以让它们做到统一的滑动效果呢?使用前面的滚动是很难做到的。 Flutter中有一个可以完成这样滚动效果的Widget 阅读全文
摘要:
当通过底部tabBar将页面在“首页”和“分类”之间进行切换的时候,每一次进入页面的时候该页面的数据都会重新加载。那么如何让页面保持原来的状态,而不是每次都要重新加载刷新数据呢?有两种方式。 第一种方式:采用IndexdStack IndexdStack和Stack一样,都是层布局控件,可以在一个控 阅读全文
摘要:
使用stack 和Positioned 实现绝对布局 进行位置偏移 Container( alignment: Alignment.center, width: double.infinity, child: Stack( clipBehavior: Clip.none, alignment: Al 阅读全文
摘要:
使用最多的图片缓存组建库cached_network_image 地址:cached_network_image 配置: dependencies: cached_network_image: ^2.5.0 使用: Container( width: 38,//图片显示的大小 height: 38, 阅读全文