both 'package:flutter/src/material/bottom_sheet.dart' and 'package:modal_bottom_sheet/src/bottom_sheet_route.dart'. import '../modal_bottom_sheet.dart';
时间: 2024-02-23 18:00:10 浏览: 206
[ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: Bad state: No element
5星 · 资源好评率100%
这个错误提示说明你在使用 Flutter 的 BottomSheet 组件时,引入了两个相同名称的文件,分别是 `bottom_sheet.dart` 和 `bottom_sheet_route.dart`。这两个文件分别来自 Flutter 自带的 `material` 包和第三方库 `modal_bottom_sheet`。
为了解决这个问题,你可以通过修改引入路径的方式来避免冲突。具体来说,你可以将 `modal_bottom_sheet` 的 `bottom_sheet_route.dart` 文件重命名为其他名称,并在你的代码中引入重命名后的文件。例如:
```
import '../modal_bottom_sheet.dart';
import '../my_bottom_sheet_route.dart' as my_bottom_sheet_route;
```
这样,你就可以通过 `my_bottom_sheet_route` 来引用 `modal_bottom_sheet` 中的自定义 BottomSheet 路由,而不会与 Flutter 自带的 BottomSheet 组件冲突了。
另外,你也可以考虑不使用 `modal_bottom_sheet` 库,而是直接使用 Flutter 自带的 BottomSheet 组件来实现你的需求。这样可以避免引入额外的依赖包和文件,使得代码更加简洁清晰。
阅读全文