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

Chen_ShengJie

2024-04-07 帮助1人

项目中使用 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的绑定。这样修改后，继续走下上面问题复现的步骤，会发现问题不再复现了。

这篇好文章是转载于：学新通技术网

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

问题复现的步骤：

解决问题的方案：

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

《学习通》视频自动暂停处理方法

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

怎样阻止微信小程序自动打开

excel下划线不显示怎么办

excel打印预览压线压字怎么办

photoshop蒙版画笔没反应怎么办