Flutter用NestedScrollView 嵌套appbar如何解决头部不滑动问题

在Flutter中使用NestedScrollView嵌套AppBar时，可能会遇到头部不滑动的问题，这是由于AppBar在NestedScrollView的SliverAppBar中默认是固定在顶部的，无法随着用户向下滑动而实现滑动效果。

为了解决这个问题，你可以在SliverAppBar中设置floating为true，这样当用户向下滑动时，AppBar就会自动变为可滑动的状态。同时，你还可以设置snap为true，这样AppBar就会在用户滑动结束后自动对齐到最近的阈值位置。

例如，以下是一个嵌套AppBar的示例代码：

NestedScrollView(
  headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
    return <Widget>[
      SliverAppBar(
        floating: true,
        snap: true,
        title: Text('NestedScrollView Demo'),
        expandedHeight: 200.0,
        flexibleSpace: FlexibleSpaceBar(
          background: Image.network(
            'https://picsum.photos/200/300',
            fit: BoxFit.cover,
          ),
        ),
      ),
    ];
  },
  body: ListView.builder(
    itemBuilder: (BuildContext context, int index) {
      return ListTile(
        title: Text('Item $index'),
      );
    },
    itemCount: 50,
  ),
);

在这个示例中，我们将SliverAppBar的floating和snap属性都设置为true，这样当用户向下滑动时，AppBar就会自动变为可滑动的状态，并在滑动结束后自动对齐到最近的阈值位置，从而实现了一个可滑动的嵌套AppBar效果。