如何在父状态更改后重建子项（并重播动画）

Question

我的父小部件拥有一个isLiked bool字段。

当子部件最初构建时，它们会播放动画。请注意以下代码片段：

@override
void initState() {
    ...
    _animationController.forward();
}

我正在使用InheritedWidget. 我尝试添加_animationController.reset()到initState()，但这也不起作用。

我认为当父状态更新时，这个子组件不会被重建。我正在使用以下（可重用）代码将状态传递到小部件树中，如这篇颤振反应状态文章中所述。

import 'package:flutter/widgets.dart';

class Provider extends StatefulWidget {
  const Provider({this.data, this.child});

  static of(BuildContext context) {
    _InheritedProvider p =
        context.inheritFromWidgetOfExactType(_InheritedProvider);
    return p.data;
  }

  final data;
  final child;

  @override
  State<StatefulWidget> createState() => new _ProviderState();
}

class _ProviderState extends State<Provider> {
  @override
  initState() {
    super.initState();
    widget.data.addListener(didValueChange);
  }

  didValueChange() => setState(() {});

  @override
  Widget build(BuildContext context) {
    return new _InheritedProvider(
      data: widget.data,
      child: widget.child,
    );
  }

  @override
  dispose() {
    widget.data.removeListener(didValueChange);
    super.dispose();
  }
}

class _InheritedProvider extends InheritedWidget {
  _InheritedProvider({this.data, this.child})
      : _dataValue = data.value,
        super(child: child);
  final data;
  final child;
  final _dataValue;

  @override
  bool updateShouldNotify(_InheritedProvider oldWidget) {
    return _dataValue != oldWidget._dataValue;
  }
}

Answer 1

您的子窗口小部件正在重建，但其相应的State对象却没有重建。initState仅调用一次，因为框架会在可能的情况下尝试重用它们。要在发生这种情况时收到通知，您可以使用didUpdateWidget生命周期方法。例如，每次配置更改时重新启动控制器：

class MyState extends State<MyWidget> {
  @override
  void initState() {
    super.initState();
    // do initial setup.
  }

  @override
  void didUpdateWidget(MyWidget oldWidget) {
     super.didUpdateWidget(oldWidget);
    // do subsequent updates.
  }

  ...
}

widget您甚至可以比较和上的成员，oldWidget并有条件地重新启动或停止动画。