Make Shadow on Flutter backdrop
up vote
2
down vote
favorite
how to make appbar lok like is opening a modal?
picture 1 = what exactly what i want to make
picture 2 = i tried with showModalBottomSheet with in case thats not allow me to make it height strecth until appbar
picture 3 = i try with Flutter Backdrop its look like what i want, but the appbar cannot like showModalBottomSheet,
please help me, how to make the appbar has shadow like showModalBottomSheet does, or how to hack showModalBottomSheet so i can make it height below the appbar?
dart 
flutter flutter-layout asked Nov 19 at 7:12
RIFAL
378
add a comment |
up vote
2
down vote
favorite
how to make appbar lok like is opening a modal?
picture 1 = what exactly what i want to make
picture 2 = i tried with showModalBottomSheet with in case thats not allow me to make it height strecth until appbar
picture 3 = i try with Flutter Backdrop its look like what i want, but the appbar cannot like showModalBottomSheet,
please help me, how to make the appbar has shadow like showModalBottomSheet does, or how to hack showModalBottomSheet so i can make it height below the appbar?
dart flutter flutter-layout asked Nov 19 at 7:12
RIFAL
378
you need to create your own page route. See this stackoverflow.com/a/51908876/7652758
– ibhavikmakwana
Nov 19 at 8:38
add a comment |
up vote
2
down vote
favorite
up vote
2
down vote
favorite
how to make appbar lok like is opening a modal?
picture 1 = what exactly what i want to make
picture 2 = i tried with showModalBottomSheet with in case thats not allow me to make it height strecth until appbar
picture 3 = i try with Flutter Backdrop its look like what i want, but the appbar cannot like showModalBottomSheet,
please help me, how to make the appbar has shadow like showModalBottomSheet does, or how to hack showModalBottomSheet so i can make it height below the appbar?
dart flutter flutter-layout asked Nov 19 at 7:12
RIFAL
378
how to make appbar lok like is opening a modal?
picture 1 = what exactly what i want to make
picture 2 = i tried with showModalBottomSheet with in case thats not allow me to make it height strecth until appbar
picture 3 = i try with Flutter Backdrop its look like what i want, but the appbar cannot like showModalBottomSheet,
please help me, how to make the appbar has shadow like showModalBottomSheet does, or how to hack showModalBottomSheet so i can make it height below the appbar?
dart flutter flutter-layout dart flutter flutter-layout asked Nov 19 at 7:12
RIFAL
378
asked Nov 19 at 7:12
RIFAL
378
asked Nov 19 at 7:12
RIFAL
378
asked Nov 19 at 7:12
RIFAL
378
asked Nov 19 at 7:12
RIFAL
378
378
you need to create your own page route. See this stackoverflow.com/a/51908876/7652758
– ibhavikmakwana
Nov 19 at 8:38
add a comment |
you need to create your own page route. See this stackoverflow.com/a/51908876/7652758
– ibhavikmakwana
Nov 19 at 8:38
you need to create your own page route. See this stackoverflow.com/a/51908876/7652758
– ibhavikmakwana
Nov 19 at 8:38
you need to create your own page route. See this stackoverflow.com/a/51908876/7652758
– ibhavikmakwana
Nov 19 at 8:38
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
accepted
You have to create your own PageRoute class:
class _YourPageRoute<T> extends MaterialPageRoute<T> {
...
@override
bool get opaque => false;
}
Now push this route to your navigator:
Navigator.push(context, _YourPageRoute(builder: ...));
Check this answer too.
answered Nov 19 at 8:46
ibhavikmakwana
572216
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
You have to create your own PageRoute class:
class _YourPageRoute<T> extends MaterialPageRoute<T> {
...
@override
bool get opaque => false;
}
Now push this route to your navigator:
Navigator.push(context, _YourPageRoute(builder: ...));
Check this answer too.
answered Nov 19 at 8:46
ibhavikmakwana
572216
add a comment |
up vote
0
down vote
accepted
You have to create your own PageRoute class:
class _YourPageRoute<T> extends MaterialPageRoute<T> {
...
@override
bool get opaque => false;
}
Now push this route to your navigator:
Navigator.push(context, _YourPageRoute(builder: ...));
Check this answer too.
answered Nov 19 at 8:46
ibhavikmakwana
572216
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
You have to create your own PageRoute class:
class _YourPageRoute<T> extends MaterialPageRoute<T> {
...
@override
bool get opaque => false;
}
Now push this route to your navigator:
Navigator.push(context, _YourPageRoute(builder: ...));
Check this answer too.
answered Nov 19 at 8:46
ibhavikmakwana
572216
You have to create your own PageRoute class:
class _YourPageRoute<T> extends MaterialPageRoute<T> {
...
@override
bool get opaque => false;
}
Now push this route to your navigator:
Navigator.push(context, _YourPageRoute(builder: ...));
Check this answer too.
answered Nov 19 at 8:46
ibhavikmakwana
572216
edited Nov 19 at 9:15
answered Nov 19 at 8:46
ibhavikmakwana
572216
answered Nov 19 at 8:46
ibhavikmakwana
572216
answered Nov 19 at 8:46
ibhavikmakwana
572216
572216
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53369868%2fmake-shadow-on-flutter-backdrop%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
you need to create your own page route. See this stackoverflow.com/a/51908876/7652758
– ibhavikmakwana
Nov 19 at 8:38