Error: 'ModalBottomSheetRoute' is imported from both

Question

Error: 'ModalBottomSheetRoute' is imported from both 'package:flutter/src/material/bottom_sheet.dart' and 'package:modal_bottom_sheet/src/bottom_sheet_route.dart'.

import 'material.dart' hide ModalBottomSheetRoute;

score 25 · Answer 1 · answered Jan 04 '23 at 07:23

25

The reason behind the error is says both material/bottom_sheet.dart and bottom_sheet_route exports the ModalBottomSheetRoute.

'ModalBottomSheetRoute' is imported from both
'package:flutter/src/material/bottom_sheet.dart' and 'package:modal_bottom_sheet/src/bottom_sheet_route.dart'.

In order to fix this issue we have to hide one of the ModalBottomSheetRoute. since we need this to be imported from bottom_sheet_route we need to hide it from material

This is the way that we can fix,

Relace

import 'package:flutter/material.dart' with

import 'package:flutter/material.dart' hide ModalBottomSheetRoute;

in the following files.

/Users/<usename>/.pub-cache/hosted/pub.dev/modal_bottom_sheet-2.1.2/lib/src/material_with_modal_page_route.dart
/Users/<usename>/.pub-cache/hosted/pub.dev/modal_bottom_sheet-2.1.2/lib/src/bottom_sheets/bar_bottom_sheet.dart
/Users/<usename>/.pub-cache/hosted/pub.dev/modal_bottom_sheet-2.1.2/lib/src/bottom_sheets/material_bottom_sheet.dart

answered Jan 04 '23 at 07:23

Radika Dilanka

474
4
13

This doesn't work for me. – Peter Jan 20 '23 at 15:33
1

THIS NOT WORKS. – HappyCoding Jan 26 '23 at 01:06
Check your project dependency and remove the modal_bottom_sheet plugin which used it. It solved my issue. – abdul rehman Jan 27 '23 at 06:05
2

this solution works. hopefully it will be temporary... – ykonda Feb 16 '23 at 18:10
1

Still WORKING... Thanks for Sharing... :) – Muhammad Hassan Jul 11 '23 at 15:20

score 17 · Answer 2 · edited Jan 27 '23 at 02:17

17

There's already a hot fix on the package

add this in the pubspec.yaml

 modal_bottom_sheet:
     git:
       url: https://github.com/followthemoney1/modal_bottom_sheet.git
       ref: main
       path: modal_bottom_sheet

It has already been pull requested but it has not been merged yet

edited Jan 27 '23 at 02:17

Sunil Gupta

666
6
20

answered Jan 26 '23 at 02:34

jgamesl

246
1
6

link to MR: https://github.com/jamesblasco/modal_bottom_sheet/issues/311 – Cyber Jan 26 '23 at 12:48

score 16 · Answer 3 · edited May 25 '23 at 13:44

16

use modal_bottom_sheet: 3.0.0-pre

This goes under your dependency_overrides: in the pubspec.yaml file such as:

    dependency_overrides:
      modal_bottom_sheet: ^3.0.0-pre

edited May 25 '23 at 13:44

cokeman19

2,405
1
25
40

answered Mar 04 '23 at 09:54

Amjad Aldya

161
1
3

Mashood .H · Answer 4 · 2023-04-02T14:59:27.733

14

this error occur due to new flutter SDK update

Here is a Migration Guide for flutter 3.7 or later

modal_bottom_sheet:

Update to modal_bottom_sheet: ^3.0.0-pre
change import 'packa ge:flutter/material.dart' to import 'package:flutter/material.dart' hide ModalBottomSheetRoute; in every file, you are using the bottom sheet plugin.

Like this:

upvote the answer if it's helpful.

edited Apr 02 '23 at 14:59

answered Feb 03 '23 at 07:28

Mashood .H

926
6
16

2

but I am not using modal_bottom_sheet in my project and i still have this issue – Duck Dodgers May 08 '23 at 23:48
maybe some of your package are using modal_bottom_sheet as dependency – Mashood .H May 09 '23 at 14:14

score 8 · Answer 5 · answered Feb 22 '23 at 12:08

8

If you're using the library package country_code_picker in your project change it with country_picker. The package uses an old version of modal_bottom_sheet and is conflicting.

answered Feb 22 '23 at 12:08

Texv

1,225
10
14

score 5 · Answer 6 · answered Dec 10 '22 at 09:40

5

The problem there is both class named "ModalBottomSheetRoute" found in flutter material and plugin "modal_bottom_sheet"

this happened with me when try to use flutter v3.7.0 beta sdk

#Fix this issue

Search for any file import"material.dart" at plugin "modal_bottom_sheet"

import 'material.dart';

Replace by:

import 'material.dart' hide ModalBottomSheetRoute;

answered Dec 10 '22 at 09:40

Abdallah Mahmoud

491
1
5
8

1

Abdullah Mahmoud i tried this solution but its not working for me. The problem is still there. – Ijlal Hussain Dec 28 '22 at 11:07
it doesn't work at all. – HappyCoding Jan 26 '23 at 01:03

score 2 · Answer 7 · answered Jan 31 '23 at 07:41

In order to fix this issue we have to hide one of the ModalBottomSheetRoute. since we need this to be imported from bottom_sheet_route we need to hide it from material

This is the way that we can fix,

Relace

import 'package:flutter/material.dart'

with

import 'package:flutter/material.dart' hide ModalBottomSheetRoute;

in the following files.

Basic Path: \Users\<username>\AppData\Local\Pub\Cache\hosted\pub.dev\modal_bottom_sheet-2.1.2\lib\src

\bottom_sheets\material_bottom_sheet.dart
\bottom_sheets\bar_bottom_sheet.dart
\material_with_modal_page_route.dart

score 1 · Answer 8 · edited Apr 29 '23 at 09:07

1

Add modal_bottom_sheet: ^3.0.0-pre under dependecy_overrides: in pubspec.yaml that will solve the problem

edited Apr 29 '23 at 09:07

MrShakila

874
1
4
19

answered Apr 24 '23 at 12:10

David Dut

11
2

score 0 · Answer 9 · answered Dec 10 '22 at 09:41

0

You can use as prefix to import.

import 'package:modal_bottom_sheet/src/bottom_sheet_route.dart' as mbs;

then use the package like mbs.YourClass()

answered Dec 10 '22 at 09:41

Md. Yeasin Sheikh

54,221
7
29
56

I recommend using suggested fix in the official merge request instead of changing your code with a soon obsolete solution. – Cyber Jan 26 '23 at 12:54
@Cyber can you elaborate with example – Md. Yeasin Sheikh Jan 26 '23 at 16:43
Why would i change all the code with a prefix which would require refactor after the fix has been implemented. – Cyber Jan 28 '23 at 12:37

Error: 'ModalBottomSheetRoute' is imported from both

9 Answers9

Search for any file import"material.dart" at plugin "modal_bottom_sheet"

Replace by:

Linked