LateInitializationError：字段 \'controller\' 尚未初始化

Question

我在 SideBarWidget() 中使用 SideBar() 小部件并在我的主屏幕 SideBarScreen() 中使用它 但我无法在 Sidebar() 小部件中初始化 controller...我该如何解决这个问题

侧边栏_屏幕

class _SideBarScreenState extends State<SideBarScreen> {

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Stack(
        children: [
          ScaffoldScreen(
            iconButton: IconButton(
              onPressed: () {SideBarWidget().toggle();},
              icon: kScaffoldScreenButtonIcon,
            ),
          ),
          SideBarWidget(),
        ],
      ),
    );
  }
}

侧边栏小部件

class SideBarWidget extends StatelessWidget {
  SideBarWidget({Key? key}) : super(key: key);

  void toggle() {
    SideBarState().toggle();
  }

  late final SideBar sideBarWidget = SideBar();

  @override
  Widget build(BuildContext context) {
    return sideBarWidget;
  }
}

侧边栏

class SideBar extends StatefulWidget {}

class SideBarState extends State<SideBar> with SingleTickerProviderStateMixin{
  late AnimationController controller;
  late Animation<Offset> _offsetAnimation;

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

    controller = AnimationController(vsync: this, duration: const  Duration(seconds: 2));

    _offsetAnimation = Tween<Offset>(
      begin: const Offset(-1.0, 0.0),
      end: const Offset(0.0, 0.0),
    ).animate(CurvedAnimation(parent: controller, curve: Curves.easeOut));
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  void toggle() {
    if (controller.isCompleted) {
      controller.reverse();
    }
    else {controller.forward();}
  }

  @override
  Widget build(BuildContext context) {
    return SlideTransition();
  }
}

这给出了错误LateInitializationError：字段“控制器”尚未初始化。

我尝试将 controller 作为参数传递给 SideBar() 但它发出异常：此小部件已被卸载，因此 State 不再具有上下文（并且应被视为已失效）。

Answer 1

问题是您每次调用SideBarWidget().toggle() 时都会创建SideBar 的新实例。相反，您应该使用 SideBar 的相同实例，以便保留状态。

class SideBarWidget extends StatelessWidget {
  SideBarWidget({Key? key}) : super(key: key);

  final sideBar = SideBar();

  void toggle() {
    sideBar.state.toggle();
  }

  @override
  Widget build(BuildContext context) {
    return sideBar;
  }
}

所以现在你每次都使用相同的SideBar实例，你不需要传递任何参数。

---

笔记：

要像这样使用，您还需要将 SideBar 类更改为 StatefulWidget

class SideBar extends StatefulWidget {
  @override
  _SideBarState createState() => _SideBarState();
}