在 SliverGrid 上方添加标题，颤动答案

【问题标题】：Adding title above SliverGrid, flutter在 SliverGrid 上方添加标题，颤动
【发布时间】：2021-07-25 04:53:56
【问题描述】：

I need to add the title above the silvergridview, also as grid goes along down I need another title how can i achieve that

我拥有的代码：

import 'package:flutter/material.dart';
import 'package:shendetimendor_demo/src/commons.dart';

class Home extends StatefulWidget {
  static Route<dynamic> route() => MaterialPageRoute(
        builder: (context) => Home(),
      );
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    var size = MediaQuery.of(context).size;
    return Scaffold(
      body: SafeArea(
        child: Container(
          child: CustomScrollView(
            slivers: [
              SliverAppBar(
                backgroundColor: Colors.white,
                floating: false,
                pinned: false,
                elevation: 4,
                expandedHeight: size.height * 0.35,
                flexibleSpace: Stack(
                  children: [
                    Container(
                      height: size.height * 0.35, //035
                      decoration: BoxDecoration(
                          borderRadius: BorderRadius.only(
                              bottomRight: Radius.circular(35),
                              bottomLeft: Radius.circular(35)),
                          color: primary_blue,
                          image: DecorationImage(
                              image: AssetImage("images/ballina_main.png"))),
                    ),
                  ],
                ),
              ),
              SliverPadding(
                padding: EdgeInsets.all(14),
                sliver: SliverGrid.count(
                  crossAxisCount: 2,
                  childAspectRatio: 3 / 4,
                  crossAxisSpacing: 10,
                  mainAxisSpacing: 10,
                  children: <Widget>[
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                    Container(
                      decoration: BoxDecoration(color: primary_blue),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
    }
}

我需要 silvergrid，所以一切都可以向下滑动，唯一令人困惑的是如何在网格上方添加一些标题，如标题。有没有什么图书馆什么的，我也没有看到任何关于有标题（标题）的文档

【问题讨论】：

标签： flutter mobile flutter-layout flutter-animation

【解决方案1】：

您可以在网格上方添加一个普通的 Text 包裹在 SliverToBoxAdapter 中。这只是您CustomScrollView 的 slivers[] 属性的另一项。像这样的：

...
...
SliverToBoxAdapter(
    child: Text('YOUR TITLE HERE'),
),
SliverPadding(
    padding: EdgeInsets.all(14),
        sliver: SliverGrid.count(
...
...

【讨论】：