Fatal编程技术网
  • flutter/
  • Flutter 如何设置卷轴上AppBar颜色的动画？

Flutter 如何设置卷轴上AppBar颜色的动画？

flutter dart scroll

Flutter 如何设置卷轴上AppBar颜色的动画？,flutter,dart,scroll,flutter-sliver,sliverappbar,Flutter,Dart,Scroll,Flutter Sliver,Sliverappbar,当我在自定义滚动视图中滚动时，如何设置我的滑动条的颜色动画 Scaffold( body: CustomScrollView( controller: _scrollController, slivers: [ SliverAppBar(...), buildBody(), ], ), ); 请尝试以下代码： ScrollController _scrollController; Color _appColor = Colors.blac

当我在
自定义滚动视图中滚动时，如何设置我的
滑动条的颜色动画


Scaffold(
  body: CustomScrollView(
    controller: _scrollController,
    slivers: [
      SliverAppBar(...),
      buildBody(),
    ],
  ),
);



请尝试以下代码：


ScrollController _scrollController;
Color _appColor = Colors.black;

  @override
  void initState() {
    super.initState();

  _scrollController= ScrollController()..addListener(() { 
    if(_scrollController.position.pixels == 0){
      _appColor = Colors.black;
      setState(() {});
    }
    else if(_scrollController.position.pixels == 100){
      _appColor = Colors.red;
      setState(() {});
    }
  });
  }

Scaffold(
  body: CustomScrollView(
    controller: _scrollController,
    slivers: [
      //put _appColor to appbar backgroundColor
      SliverAppBar(),
      buildBody(),
    ],
  ),
);



谢谢，这就是我要找的。