InheritedWidget - 在 navigator.push 之后在 null 上调用 getter

2024-03-10

导航到新小部件后,我在尝试访问 InheritedWidget 时遇到问题。

我有这样的顶级小部件

class App extends StatelessWidget{
  build(context){
    return MaterialApp(
        title: 'Iniciar Sesion',
        home: LoginBlocProvider(child: WelcomeScreen()),
    );
  }  
}

欢迎屏幕有一个按钮可导航至登录屏幕

class WelcomeScreen extends StatelessWidget {

  @override Widget build(BuildContext context){
    return Scaffold(
      body: Center(child: MyButton)
    );
  }
}

class MyButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      shape: StadiumBorder(),
      child: Text('Ingresar', style: TextStyle(color: Colors.black)),
      elevation: 5.0,
      onPressed: () { 
        Navigator.of(context).push(MaterialPageRoute(
           builder: (BuildContext context) =>LoginScreen()
        ));
      }
    );
  }
}

最后在 LoginScreen 中我想访问 InheritedWidget

class LoginScreen extends StatefulWidget {
  @override
  _LoginScreenState createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  LoginBloc bloc;  

  @override void didChangeDependencies() {
    bloc = LoginBlocProvider.of(context);
    super.didChangeDependencies();
  }

  @override Widget build(BuildContext context){
    return Scaffold(
      body:
      Stack(
        fit: StackFit.expand,
        children: <Widget>[
          Positioned(
            top: 0.0,
            child: Image.asset('assets/images/img.jpg',
              fit: BoxFit.none,
            ),
          ),
          _buildLogin(),
        ],
      ),
    );
  }
}

Edited:这是 LoginBlocProvider

class LoginBlocProvider extends InheritedWidget {
  final bloc;

  LoginBlocProvider({Key key, Widget child}) 
  : bloc = LoginBloc(), 
  super(key:key, child:child);

  @override
  bool updateShouldNotify(InheritedWidget oldWidget) => true;

  static LoginBloc of(BuildContext context) {
    return (context.inheritFromWidgetOfExactType(LoginBlocProvider) as LoginBlocProvider).bloc;
  }
}

但是,当我运行 InheritedWidget 的 .of 方法时,出现此错误

I/flutter (27725): The following NoSuchMethodError was thrown building Builder:
I/flutter (27725): The getter 'bloc' was called on null.
I/flutter (27725): Receiver: null
I/flutter (27725): Tried calling: bloc

我的印象是,这一切都与 Navigator.push 构建器方法中的上下文有关。 因为如果我在没有 Navigator.push 的情况下使用 LoginScreen 小部件,我可以完美地使用 InheritedWidget

发生错误是因为上下文传递给LoginBlocProvider.of()方法未找到实例。

对此有什么想法吗?


在您提供的代码中,LoginScreen不是以下的后代LoginBlocProvider这就是为什么它找不到祖先小部件的原因。你的代码包装了WelcomeScreen路线进入LoginBlocProvider,但不是整个导航器。解决方案是包装你的MaterialApp in LoginBlocProvider然后您就可以在应用程序中的任何位置访问它。

class App extends StatelessWidget {
  @override
  Widget build(context) {
    return LoginBlocProvider(
      child: MaterialApp(
        title: 'Iniciar Sesion',
        home: WelcomeScreen(),
      ),
    );
  }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

InheritedWidget - 在 navigator.push 之后在 null 上调用 getter 的相关文章

随机推荐

  • 如何使用 Javascript 从输入字段获取值?

    如何使用 Javascript 获取特定输入字段的值 我们以这家shopify商店为例 https geekymate com products magic doormat 1 variant 18941211607138 https ge
  • 如何在 Swift 3 中使用带有浮点值的 sin(_ : ) [重复]

    这个问题在这里已经有答案了 import Foundation public func sine
  • 无需管理员权限即可启动和停止 Windows 服务

    如何在没有管理员权限的情况下启动和停止窗口服务 我的应用程序启动应该以与关闭后必须停止的方式相同的方式启动我的服务 我可以使用 服务控制器 来做到这一点 我可以使用管理员权限安装该服务 但启动和停止该服务不应要求管理员权限 谁能告诉我如何使
  • SSLProtocolException 建立 https 连接

    当我与网络服务器建立 https 连接时 出现 SSLProtocolException 我只在 Android 2 3 Gingebread 中有这个例外 相同的代码在所有其他 Android 版本中都可以正常工作 这个安卓版本有问题吗
  • 并非所有字节都读取常见解决方案

    在这篇文章中 我将详细介绍导致神秘错误消息的原因 Smart contract panicked panicked at Cannot deserialize the contract state Custom kind InvalidDa
  • 以编程方式修改 ActionBarDrawerToggle Drawable

    有谁知道在构造函数中通过资源 ID 设置用于 ActionBarDrawerToggle 的可绘制对象的方法吗 我正在使用导航抽屉 我想以编程方式将颜色过滤器应用于图标 但我不知道如何将其作为可绘制对象进行访问 任何帮助 将不胜感激 谢谢
  • 试运行中的 sed 命令

    如何进行空运行sed 我有这个命令 find type f xargs sed i s string1 string2 g 但在我真正替换所有文件之前 我想检查它会替换什么 复制整个目录结构来检查是不可能的 去除 i并将其通过管道传输到le
  • 通过 aws ses 发送带有 Node.js 附件的邮件

    有谁有一些如何发送带有附件的电子邮件的示例node js与 aws ses 一起吗 如果你想避免痛苦 你必须使用 Nodemailer 包装的 SES 直接使用AWS SDK 您无法使用以下方式发送附件ses sendEmail 你必须使用
  • 如何在不下载的情况下计算AWS S3中zip内的文件数量?

    案件 S3 存储桶中有一个很大的 zip 文件 其中包含大量图像 有没有一种方法无需下载整个文件即可读取元数据或知道 zip 文件中有多少个文件 当文件是本地文件时 在 python 中 我可以将其作为 zipfile 打开 然后调用 na
  • 如何强制编译器使用显式复制构造函数?

    我编写了一个小型测试程序 其中包含一个示例类 其中还包含自定义构造函数 析构函数 复制构造函数和赋值运算符 当我意识到复制构造函数根本没有被调用时 我感到很惊讶 即使我实现了带有我的类的返回值和像这样的行的函数Object o1 Objec
  • 为什么 openGL glDepthFunc() 不起作用?

    我正在玩 openGL 我试图摆脱蓝色标记的三角形 我用这个代码 glEnable GL DEPTH TEST glDepthFunc GL LESS glEnable GL CULL FACE 是的 我用 glClear GL COLOR
  • Matplotlib - 单值等高线图

    我想绘制一些数据的等值线图 但字段中的所有值可能都相同 这会导致 matplotlib 中出现错误 这是有道理的 因为实际上没有要创建的轮廓 例如 如果你运行下面的代码 你会得到一个错误 但删除第二个定义zi它按预期运行 如果某些数据是均匀
  • PowerShell 从远程 PC 删除桌面项目

    我有 200 台电脑需要删除一些特定的图标 我使用 ComputerName 创建了一个 CSV 文件 每行 1 个名称 我有另一个文件 其中包含需要从桌面删除的图标的文件名 Shortcut1 lnk 等 该其他文件也是 CSV 每行 1
  • 强制执行必须在*不同*字段中的每个子类中实现的属性的最佳方法是什么?

    我正在尝试想出 最好 的实施方式SQL 数据服务灵活的实体模型 http msdn microsoft com en us library cc512402 aspx其中每个类都可以存储为一个实体 甚至派生类 示例 每个子类都有不同的 st
  • 如何在不使用 for 循环的情况下对不同大小的矩阵的各个部分求和?

    我有一个相对较大的矩阵 NxN N 20 000 和一个 Nx1 向量 用于标识必须分组在一起的索引 我想将矩阵的各个部分相加 原则上可以有不同数量的元素和非相邻元素 我很快写了一个双 for 循环 它可以正常工作 但当然效率很低 探查器将
  • 使用 Python 从 Gmail 下载特定电子邮件

    有人可以帮我定制现有的代码示例吗 我可以从下面的文章中看到如何连接到gmail并下载内容 但我不知道如何搜索特定电子邮件并仅下载时间戳和正文 文章 如何从 Gmail 下载所有带附件的电子邮件 https stackoverflow com
  • 如何使用 C# 将 Excel 单元格设置为只读?

    Range range Range this workSheet Cells 1 1 range AllowEdit false 当我设置AllowEdit属性设置为 false 编译错误将显示 错误 属性或索引器 无法将 Microsof
  • Babel 转译地图可以在 IE11 中使用吗?

    查看Map文档 看起来IE11中并不完全支持 https developer mozilla org en US docs Web JavaScript Reference Global Objects Map https develope
  • setTimeout 不延迟 $.each 中的函数调用

    我的网站上有几个div 我想一一更新 为了不一次向服务器发送超过 200 个请求 我希望每个请求延迟 1 秒 我尝试过的 var tourBox tour box tourBox each function var box this set
  • InheritedWidget - 在 navigator.push 之后在 null 上调用 getter

    导航到新小部件后 我在尝试访问 InheritedWidget 时遇到问题 我有这样的顶级小部件 class App extends StatelessWidget build context return MaterialApp titl