1

我正在使用 Image Picker 插件来选择图像。我想在选择图像后立即导航到新屏幕,但它不起作用。我收到一个错误,指出当前小部件树中不存在上下文。

下面是我的代码。

pickImage(BuildContext context) async {
    File pickedImage = await ImagePicker.pickImage(source: ImageSource.camera);
    if (pickedImage != null) {
      print(pickedImage.path);
      if (this.mounted) {
        await Navigator.of(context).push(
          MaterialPageRoute(
            builder: (context) => ViewStory(
              localImagePath: pickedImage.path,
            ),
          ),
        );
      }
    }
}

像这样调用函数:

IconButton(
              onPressed: () => pickImage(context),
              icon: Icon(
                Icons.camera_alt,
                color: CustomColors.primary,
                size: 100,
              ),
            ),

以下是我得到的错误:

FlutterError(查找已停用小部件的祖先是不安全的。此时小部件的元素树的状态不再稳定。要在其 dispose() 方法中安全地引用小部件的祖先,请通过调用 inheritFromWidgetOfExactType( ) 在小部件的 didChangeDependencies() 方法中。)

4

1 回答 1

3

问题是,context如果小部件未构建在屏幕上(已安装),则无法使用。因此,您应该在小部件处于活动状态时存储对导航器的引用,之后您就不需要引用context了。如果ImagePicker.pickImage()等到它Route完全从堆栈中删除,您的代码将可以工作,但它不会,因此您的其余代码最终会在小部件准备好之前运行。

我对您的代码进行了一些编辑。这应该可以解决您的问题:

pickImage(BuildContext context) async {
    final navigator = Navigator.of(context);
    File pickedImage = await ImagePicker.pickImage(source: ImageSource.camera);
    if (pickedImage != null) {
      print(pickedImage.path);
        await navigator.push(
          MaterialPageRoute(
            builder: (context) =>
                ViewStory(
                  localImagePath: pickedImage.path,
                ),
          ),
        );

    }
  }
于 2019-10-19T00:30:41.450 回答