dart - flutter 获取布局渲染事件

Question

为了在显示后立即使用 ScrollController 滚动 ListView，我必须延迟调用 animateTo 函数，否则在调用 animateTo 函数时不会呈现布局。

有没有办法获取布局渲染事件，然后调用 animateTo 函数或除了使用 Timer 之外的其他解决方案？

class MainPageState extends State<MainPage> {

      bool listViewVisible = false;
  ScrollController _scrollController = new ScrollController();

  @override
  Widget build(BuildContext context) {
    return new Container(
      child: !listViewVisible ? null :
      new ListView(
        controller: _scrollController,
        children: <Widget>[
          //Some Items
        ],
      ),
    );
  }

  //does not work
  void showAndScrollListViewWithoutTimer() {
    setState(() {
      listViewVisible = true;
    });

    _scrollController.animateTo(100.0,
        duration: const Duration(milliseconds: 300),
        curve: Curves.easeOut);
  }

  //works
  void showAndScrollListViewWithTimer() {
    setState(() {
      listViewVisible = true;
    });

    new Timer(const Duration(milliseconds: 500), () {
      _scrollController.animateTo(100.0,
          duration: const Duration(milliseconds: 300),
          curve: Curves.easeOut);
    });
  }

Answer 1

刚刚发布的包https://pub.dartlang.org/packages?q=after_layout为此提供了一个 mixin。

它使用

WidgetsBinding.instance
    .addPostFrameCallback((_) => afterFirstLayout(context));