flutter - 错误 查找已停用小部件的祖先是不安全的

Question

我不知道这有什么问题，但是当我单击关闭图标按钮时，我收到此错误。

════════小组件库捕获异常═════════════════════════════ ═════ ═ 完成小部件树时抛出以下断言: 查找已停用小部件的祖先是不安全的。

此时小部件的元素树的状态不再稳定。

要在 widget 的 dispose() 方法中安全地引用其祖先，请通过在 widget 的 didChangeDependency() 方法中调用 dependentOnInheritedWidgetOfExactType() 来保存对祖先的引用。

这是我的代码

// ...
class ImageViewer extends StatefulWidget {
  List<String> imageList;
  int currentIndex;
  BoxDecoration backgroundDecoration;
  ImageViewer(
      {Key key,
      this.imageList,
      this.backgroundDecoration,
      this.currentIndex = 0})
      : super(key: key);

  @override
  _ImageViewerState createState() => _ImageViewerState();
}

class _ImageViewerState extends State<ImageViewer> {
  PageController _pageController;

  @override
  void initState() {
    // TODO: implement initState
    _pageController = PageController(initialPage: widget.currentIndex);
    super.initState();
  }

  @override
  void dispose() {
    // TODO: implement dispose
    _pageController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ColorfulBackground(
      bottomColor: Colors.lightBlue[400],
      middleColor: Colors.purple,
      body: Stack(children: [
        PhotoViewGallery.builder(
          scrollPhysics: const BouncingScrollPhysics(),
          builder: (BuildContext context, int index) {
            return PhotoViewGalleryPageOptions(
              imageProvider: CachedNetworkImageProvider(
                widget.imageList[index],
                cacheManager: CustomCacheManager.instance,
              ),
              tightMode: true,
              maxScale: PhotoViewComputedScale.contained * 2.5,
              gestureDetectorBehavior: HitTestBehavior.translucent,
              minScale: PhotoViewComputedScale.contained * 1.0,
              initialScale: PhotoViewComputedScale.contained * 1.0,
              heroAttributes:
                  PhotoViewHeroAttributes(tag: widget.imageList[index]),
            );
          },
          itemCount: widget.imageList.length,
          backgroundDecoration: BoxDecoration(
            color: Colors.transparent,
          ),
          onPageChanged: (index) {
            setState(() {
              widget.currentIndex = index;
            });
          },
          loadingBuilder: (context, event) => Center(
            child: Container(
              width: 20.0,
              height: 20.0,
              child: CircularProgressIndicator(
                value: event == null
                    ? 0
                    : event.cumulativeBytesLoaded / event.expectedTotalBytes,
              ),
            ),
          ),
          // backgroundDecoration: widget.backgroundDecoration,
          pageController: _pageController,
          // onPageChanged: onPageChanged,
        ),

        // close icon button //////////////////////////////////

        Positioned(
          top: 40,
          left: 10,
          child: IconButton(
              onPressed: () {
                Navigator.of(context).pop();
              },
              icon: Icon(
                Icons.close_rounded,
                color: kblackcolor,
              )),
        ),
        Positioned(
            right: 40,
            bottom: 100,
            child: Container(
              padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
              decoration: BoxDecoration(
                  color: kPrimaryColor,
                  borderRadius: BorderRadius.circular(20)),
              child: Text(
                "${widget.currentIndex + 1}/ ${widget.imageList.length}",
                style:
                    TextStyle(color: kwhitecolor, fontWeight: FontWeight.w500),
              ),
            )),
      ]),
    ));
  }
}

Answer 1

问题来自 photo_view 包。

在 pubspec.yaml 中从依赖项中删除 photo_view

dependencies:
  photo_view: ^0.13.0

添加:

dependency_overrides:
  photo_view:
    git:
      url: https://github.com/bluefireteam/photo_view
      ref: master

这样您就可以避免来自同一版本的依赖项中的错误。