dart - 如何在 CustomScrollView 中使用非 sliver 小部件

Question

我正在尝试将文本小部件添加到 CustomScrollView 中，但我遇到了目标不相同等问题。

这是我的小部件:

@override
Widget build(BuildContext context) {
  final double statusBarHeight = MediaQuery.of(context).padding.top;
  return Scaffold(
      key: scaffoldKey,
      body: CustomScrollView(
        semanticChildCount: 2,
        slivers: <Widget>[
          _buildAppBar(context, statusBarHeight),
          Text('test')
        ],
      ));
}

_buildAppBar 方法返回一个 SliverAppBar。

我需要使用 Padding 小部件而不是文本，但我认为它会是一样的，这是同一个问题。

Answer 1

我找到了一种在 CustomScrollView 中使用非 slivers 的更好方法，即使用 SliverToBoxAdapter 小部件。将您的非 sliver 小部件作为 SliverToBoxAdapter 小部件的子项，您的工作就完成了。

return Scaffold(
  body: CustomScrollView(
    slivers: <Widget>[
      SliverToBoxAdapter(
        child: Stack(
          children: <Widget>[
            Container(
              height: 200,
              width: 200,
              color: Colors.green,
            ),
            Positioned(
              child: Container(color: Colors.yellow),
              top: 50,
              left: 50,
            )
          ],
        ),
      )
    ],
  ),
);