Flutter自定义Stateful Widget报错：child未定义如何解决？

你遇到的红色下划线错误是因为在State类中直接引用child变量导致的——State类无法直接访问父Stateful Widget的成员变量，必须通过内置的widget属性来获取关联Widget的实例成员。

核心修正 #

把child: child改成child: widget.child即可解决这个错误，修改后的build方法如下：

@override
Widget build(BuildContext context) {
  return SlideTransition(
    position: animation,
    child: FadeTransition(
      opacity: animation2,
      child: Container(
        color: Colors.indigo,
        child: widget.child, // 替换为widget.child
      ),
    ),
  );
}

额外优化建议 #

你的代码使用了两个独立的AnimationController控制动画，其实可以用同一个控制器驱动滑动和淡入两个动画，减少资源消耗，同时记得在组件销毁时回收控制器避免内存泄漏：

class _MyAnimateState extends State<MyAnimate> with TickerProviderStateMixin {
  late AnimationController controller;
  late Animation<Offset> slideAnimation;
  late Animation<double> fadeAnimation;

  @override
  void initState() {
    super.initState();
    controller = AnimationController(
      duration: const Duration(milliseconds: 300),
      vsync: this,
    );
    // 用同一个控制器驱动两个动画
    slideAnimation = Tween<Offset>(
      begin: const Offset(-1, 0),
      end: Offset.zero,
    ).animate(CurvedAnimation(parent: controller, curve: Curves.easeOut));
    fadeAnimation = CurvedAnimation(parent: controller, curve: Curves.easeIn);

    controller.forward();
  }

  @override
  void dispose() {
    controller.dispose(); // 销毁控制器，避免内存泄漏
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return SlideTransition(
      position: slideAnimation,
      child: FadeTransition(
        opacity: fadeAnimation,
        child: Container(
          color: Colors.indigo,
          child: widget.child,
        ),
      ),
    );
  }
}

内容的提问来源于stack exchange，提问作者mesh