Flutter WEB{Chrome和Edge}中的颤振银条毛刺

因此，我制作了一个简单的web应用程序，其中使用了SilverAppBar。 问题出现在滚动中。 当我滚动它时，当光标从SilverAppBar离开时，它会自动转到顶部。 我不知道是什么导致了这个问题。我已经在chrome和edge浏览器上运行了这个应用程序，但同样的问题一再发生。我也尝试过flifter clean命令，但得到了相同的结果

我不能在这里上传视频，但我在youtube上有视频

此外，源代码如下所示：

Widget build(BuildContext context) {
return Scaffold(
  extendBodyBehindAppBar: true,
  backgroundColor: Colors.yellow,
  body: NestedScrollView(
    headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled){
      return <Widget>[
        SliverAppBar(
          expandedHeight: MediaQuery.of(context).size.height,
          collapsedHeight: 100,
          pinned: true,
          flexibleSpace: FlexibleSpaceBar(
            titlePadding: EdgeInsets.all(0),
            title: Container(
              color: Colors.transparent,
              child: Align(
                alignment: Alignment.bottomCenter,
                child: Align(
                  alignment: Alignment.center,
                  child: Text(
                    "Who Will Help Me?", style: TextStyle(fontSize: 50,),
                  ),
                ), 
              ),
            ),

            background: Container(
              width: MediaQuery.of(context).size.width,
              height: MediaQuery.of(context).size.height,
              color: Colors.green,
            ),
          ),
        ),
      ];
    },
    body: ListView(
      padding: EdgeInsets.all(0),
      children: [
        Padding(padding: EdgeInsets.all(100), child: Text("demo text"),),
        Padding(padding: EdgeInsets.all(100), child: Text("demo text"),),
        Padding(padding: EdgeInsets.all(100), child: Text("demo text"),),
        Padding(padding: EdgeInsets.all(100), child: Text("demo text"),),
        Padding(padding: EdgeInsets.all(100), child: Text("demo text"),),
      ],
    ), 
  ), 
);

解决了

SliverAppBar有自己的小部件，应该始终与SliverListView和SliverGridView一起使用。

  Doctor summary (to see all details, run flutter doctor -v):
  [√] Flutter (Channel dev, 1.20.0-0.0.pre, on Microsoft Windows [Version 10.0.18363.719], 
  locale en-US)

  [!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
  X Android license status unknown.
  Try reinstalling or updating your Android SDK Manager.
  See https://developer.android.com/studio/#downloads or visit https://flutter.dev/docs/get- 
  started/install/windows#android-setup for detailed      
  instructions.
  [√] Chrome - develop for the web
  [√] Android Studio (version 3.6)
  [√] VS Code, 64-bit edition (version 1.46.0)
  [√] Connected device (3 available)

  ! Doctor found issues in 1 category.