小编Pho*_*mer的帖子

Flutter 如何构建具有不可滚动部分的 CustomScrollView

我想要一个视图,顶部有一个不可滚动的部分,例如图像,例如底部有一个选项卡栏,我可以滚动到顶部以显示项目列表,并能够在项目列表内滚动。

为此,我使用了 CustomScrollView,用一个条子网格暂时代替了图像,一个条子应用程序栏用于选项卡栏,一个条子固定范围列表用于列表。

  Widget build(BuildContext context) {
return new Scaffold(
    body: new CustomScrollView(
      slivers: <Widget>[
        new SliverGrid(
          gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
            childAspectRatio: 0.58,
            crossAxisCount: 1,

          ),
          delegate: new SliverChildBuilderDelegate(
                (BuildContext context, int index) {
              return new Container(

                  color: Colors.red,
                  child: new Container(
                    color: Colors.green,
                    child: new Text('IMG HERE'),
                  )
              );
            },
            childCount: 1,

          ),
        ),

        new SliverAppBar(
          title: new Text("title"),
          floating: false,
          pinned: true,
          primary: true,
          actions: <Widget>[
            new IconButton(
              icon: const Icon(Icons.arrow_upward),
              onPressed: () {
              },
            ),

          ],
          bottom: new …
Run Code Online (Sandbox Code Playgroud)

flutter

5
推荐指数
1
解决办法
4676
查看次数

标签 统计

flutter ×1