LateInitializationError：字段“控制器”尚未初始化

Question

我在 SideBarWidget() 中使用SideBar()小部件并在我的主屏幕SideBarScreen() SideBarWidget()使用它，但我无法在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: Field 'controller' has not been initialized。

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

Answer 1

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

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 class 更改为StatefulWidget

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