“Controller“ not found. You need to call “Get.put(Controller())“ or “Get..lazyPut(()=＞Controller(）)

项目中使用 GetX，使用 GetX 依赖注入。创建 ShowToastBinding 类，并绑定ShowToastController。

class ShowToastBinding implements Bindings {

  @override
  void dependencies() {

    Get.lazyPut<ShowToastController>(

          () => ShowToastController(

      ),

    );

  }

}

在GetPage我添加了这个绑定，比如：

class Routes{

  static const String SHOWTOAST="/ShowToast";

  static final pages = [

    GetPage(

      name: Routes.SHOWTOAST,

      page: () => ShowToastWidget(),

      binding: ShowToastBinding(),

    )

  ];

}

新建ShowToastController类继承GetxController，并添加一个普通函数showToastView()

class ShowToastController extends GetxController 

  void showToastView() {

  }

}

新建HomeController，对TabController进行初始化操作，也贴下代码：

class HomeController extends GetxController with GetSingleTickerProviderStateMixin  {


  TabController? tabController;

  @override

  void onInit() {

    super.onInit();

    ///添加监听器

    tabController =

        TabController(initialIndex: 0, vsync: this, length:2);

  }

}

现在主界面如下：

class TabPage extends GetView<HomeController> {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: TabBar(

          controller: controller.tabController,

          tabs: [

            Tab( child: Text("one",),),

            Tab( child: Text("two",),

            ),

          ],

        ),

      ),

      body: Padding(

        padding: const EdgeInsets.all(8.0),

        child: TabBarView(

          controller: controller.tabController,

          physics: const NeverScrollableScrollPhysics(),

          children: [

            Center(

              child: Container(

                width: 200,

                height: 50,

                color: Colors.red,
              ),

            ),

            ShowToastWidget(),
          ],

        ),

      ),

    );

  }

}

添加2个tab按钮 名字分别为one 和two  one对应的界面是一个居中的红色背景的Container，two对应的是我们新增的布局 ShowToastWidget.同样TabPage 和ShowToastWidget去添加GetX依赖注入，如下

 static const String tab_page="/tabpage";

  static final pages = [

    GetPage(
        name: Routes.tab_page,
        page: () => TabPage(),
        binding:TabPageBinding()),

  ];

再来看下ShowToastWidget界面：

class ShowToastWidget extends GetView<ShowToastController> {

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      body: Center(

          child: Container(

        width: 200,

        height: 50,

        child: ElevatedButton(

          onPressed: () {

            controller.showToastView();

          },

          child: Text("showToast"),

        ),

      )),

    );

  }

}

继承getX框架中的GetView布局，并引入ShowToastController 这样就可以在当前布局调用ShowToastController里面的函数了。显示一个居中按钮 点击调用ShowToastController里的showToastView方法。

最后看下程序入口mian.dart

Future<void> main() async {
  runApp( HomeWidget());
}

class HomeWidget extends StatefulWidget {

  @override

  _HomeWidgetState createState() => _HomeWidgetState();

}

class _HomeWidgetState extends State<HomeWidget> {

  @override

  Widget build(BuildContext context) {

    return GetMaterialApp(

      getPages: Routes.pages,

      initialBinding: TabPageBinding(),

      home: Scaffold(

        body: Center(

          child: Container(

            child: ElevatedButton(

              onPressed: () {

                Get.toNamed(Routes.tab_page);

              },

              child: Text("点击"),

            ),

          ),

        ),

      ),

    );

  }

}

使用GetX需要把MaterialApp改成GetMaterialApp才能使用，getPages去获取我们路由跳转的界面，initialBinding 我们就用TabPageBinding吧。

ok,现在整个界面应该是这样的：

程序运行 进入首界面，中间显示一个 ”点击“的按钮，然后点击按钮跳转到 有2个tab的TabView界面， 名为one的tab 界面下显示一个红色长方形的布局，点击名为two的tab 对应下面显示一个 名为”showToast"的居中按钮。

问题复现的步骤：

1、点击第一个界面的点击按钮

2、然后点击名为 two的tab标签

3、点击 showToast的按钮

4、查看日志

日志信息如下：

The following message was thrown while handling a gesture:

"ShowToastController" not found. You need to call "Get.put(ShowToastController())" or "Get.lazyPut(()=>ShowToastController())"

When the exception was thrown, this was the stack:

#0      GetInstance.find (package:get/get_instance/src/get_instance.dart:305:7)

#1      GetView.controller (package:get/get_state_manager/src/simple/get_view.dart:38:37)

#2      ShowToastWidget.build.<anonymous closure> (package:flutter_test_demo/get/AddPage.dart:21:13)

#3      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:989:21)

#4      GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:182:24)

...

显而易见，日志显示是GetX的Controller找不到。但我们确实依赖注入了呀。

 GetPage(

      name: Routes.SHOWTOAST,

      page: () => ShowToastWidget(),

      binding: ShowToastBinding(),

    )

 这时候我们突然也想到了 TabPage的注入方式和我们的ShowToastWidget 一毛一样的，为啥进入TabPage的时候，没有报这个错误？

细心的你们肯定发现了区别。TabPage 是在HomeWidget界面通过Get.toNamed(Routes.tab_page)跳转进入的，而 ShowToastWidget界面是通过tab点击进入的。

所以问题就是：跳转到ShowToastWidget界面没有使用 GetX 导航系统。是从同一页面切换选项卡。因此，ShowToastBinding该类对其没有影响。

Get.toNamed(Routes.SHOWTOAST)仅当您使用或导航时它才会生效Get.to(()=>ShowToastWidget(), binding: ShowToastBinding())，或者使用 Get.toNamed(Routes.SHOWTOAST)且 GetPage(

      name: Routes.SHOWTOAST,

      page: () => ShowToastWidget(),

      binding: ShowToastBinding(),

    );  

除了tab 切换会导致这个问题，只要我们未使用GetX的路由跳转都会出现这个问题，比如我们在one tab界面下新增个按钮，用原生的代码去实现界面的跳转也会出现同样的问题：

TabBarView(

          controller: controller.tabController,

          physics: const NeverScrollableScrollPhysics(),

          children: [

            Center(

              child: Container(

                width: 200,

                height: 50,

                child: ElevatedButton(onPressed: (){

                  Navigator.push(context,

                      MaterialPageRoute(builder: (context) => ShowToastWidget()));

                },child: Text("跳转"),),

              ),

            ),

            ShowToastWidget(),

          ],

        )

解决问题的方案：

  第一种就是采用 GetX的界面路由跳转方案。Get.to(()=>ShowToastWidget(), binding: ShowToastBinding())或使用 Get.toNamed(Routes.SHOWTOAST)且 GetPage(

      name: Routes.SHOWTOAST,

      page: () => ShowToastWidget(),

      binding: ShowToastBinding(),

    );  

  第二种就是像tab标签切换这种，把ShowToastBinding的依赖添加到TabPageBinding里，看如下操作：

 GetPage(

        name: Routes.tab_page,

        page: () => TabPage(),

        bindings:[ TabPageBinding(),ShowToastBinding()]),

     在添加TabPage的getX依赖注入时，bindings里添加ShowToastBinding的绑定。这样修改后，继续走下上面问题复现的步骤，会发现问题不再复现了。