先来张效果图

我的需求是,列表滚动到顶部,Tabbar停留,置顶.
实际写起来,绕了不少弯路.

Read More

前言

最近，笔者在写布局的时候，发现诸如此类的报错：

1
2

Vertical viewport was given unbounded height.
Vertical viewport was given unbounded width.

大概意思就是指没有限定视图的高度，宽度。

Read More

在widget树中，子widget滚动时会向上发送notification，通过NotificationListener可以监控到该notification。NotificationListener也是一个widget，可以将被监控的widget放入其child内。

Read More

我们平时在开发中的过程中通常都会获取屏幕或者 widget 的宽高用来做一些事情，在 Flutter 中，我们可以使用如下方法来获取屏幕或者 widget 的宽高。

MediaQuery

一般情况下，我们会使用如下方式去获取 widget 的宽高：

1
2
3

final size =MediaQuery.of(context).size;
final width =size.width;
final height =size.height; 

Read More

由Expanded widget引发的思考

很常见的一种布局方式：Column的子widget中包含ListView

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

@override
Widget build(BuildContext context) {
  return Column(
    children: <Widget>[
      ListView.builder(
        itemCount: 30,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text("标题$index"),
          );
        },
      ),
    ],
  );
}

当然这样仅仅这样写，在手机屏幕上会看到一片空白，如果是debug模式，则会在控制台中看到如下报错

Read More