如何使用 slivers 使 flutter 页面可滚动

Question

我正在尝试在 CustScrollView 中实现一个条子，下面是我的代码

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            floating: true,
            snap: true,
            expandedHeight: 300,
            flexibleSpace: FlexibleSpaceBar(
              background: Image.asset(
                "assets/images/food6.jpg",
                width: double.maxFinite,
                fit: BoxFit.cover,
              ),
            ),
          ),
          const SliverToBoxAdapter(
            child: Text("Chinese fruit food details. Chinese fruit food details Chinese fruit food details Chinese fruit food details Chinese fruit food details "),
          ),
        ],
      ),
    );
  }

问题是页面不可滚动。我试图找出我的错误来自哪里，但我做不到。

Answer 1

使SliverToBoxAdapter()下的Text()小部件中的文本长于屏幕尺寸，将自动应用滚动。

Answer 2

用这个：

const SliverToBoxAdapter(
  child: Text(
    "Chinese fruit food details. Chinese fruit food details Chinese fruit food details Chinese fruit food details Chinese fruit food details " +
    "Additional content to increase height and trigger scrolling. Additional content to increase height and trigger scrolling.",
  ),
),