how to set showModalBottomSheet to full height
2
i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?
dart
flutter asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
add a comment |
2
i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?
dart
flutter asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
1
I don't think it is possible but you can implement the Full-Screen Dialog.
– ibhavikmakwana
Nov 15 '18 at 5:39
it is possible drag down to close the fullscreen dialog?
– RIFAL
Nov 15 '18 at 8:02
You can use GestureDetector to do so.
– ibhavikmakwana
Nov 15 '18 at 11:31
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 19 '18 at 1:37
add a comment |
2
2
2
1
i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?
dart
flutter asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?
dart
flutter dart
flutter asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
asked Nov 15 '18 at 2:26
RIFALRIFAL
7411
7411
1
I don't think it is possible but you can implement the Full-Screen Dialog.
– ibhavikmakwana
Nov 15 '18 at 5:39
it is possible drag down to close the fullscreen dialog?
– RIFAL
Nov 15 '18 at 8:02
You can use GestureDetector to do so.
– ibhavikmakwana
Nov 15 '18 at 11:31
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 19 '18 at 1:37
add a comment |
1
I don't think it is possible but you can implement the Full-Screen Dialog.
– ibhavikmakwana
Nov 15 '18 at 5:39
it is possible drag down to close the fullscreen dialog?
– RIFAL
Nov 15 '18 at 8:02
You can use GestureDetector to do so.
– ibhavikmakwana
Nov 15 '18 at 11:31
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 19 '18 at 1:37
1
1
I don't think it is possible but you can implement the Full-Screen Dialog.
– ibhavikmakwana
Nov 15 '18 at 5:39
I don't think it is possible but you can implement the Full-Screen Dialog.
– ibhavikmakwana
Nov 15 '18 at 5:39
it is possible drag down to close the fullscreen dialog?
– RIFAL
Nov 15 '18 at 8:02
it is possible drag down to close the fullscreen dialog?
– RIFAL
Nov 15 '18 at 8:02
You can use GestureDetector to do so.
– ibhavikmakwana
Nov 15 '18 at 11:31
You can use GestureDetector to do so.
– ibhavikmakwana
Nov 15 '18 at 11:31
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 19 '18 at 1:37
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 19 '18 at 1:37
add a comment |
2 Answers
2
active
oldest
votes
0
You can Implement the FullScreenDialog instead.
Flutter Gallery app has an example of FullScreenDialog
You can open your Dialog using below code:
Navigator.of(context).push(new MaterialPageRoute<Null>(
builder: (BuildContext context) {
return Dialog();
},
fullscreenDialog: true
));
Check this blog post too for more:
Hope it will help you.
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 16 '18 at 10:25
That's another question. You can use to make your color of the Appbar transparent.
– ibhavikmakwana
Nov 19 '18 at 4:42
its will become black.if set all base material color to transparant it will make another problem
– RIFAL
Nov 19 '18 at 6:30
add a comment |
0
- You open class BottomSheet in library of flutter and change maxHeight
from
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight * 9.0 / 16.0
);}
to
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight
);}
- You can create a new class with other name and copy source code from class BottomSheet and change maxHeight
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
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%2f53311553%2fhow-to-set-showmodalbottomsheet-to-full-height%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
You can Implement the FullScreenDialog instead.
Flutter Gallery app has an example of FullScreenDialog
You can open your Dialog using below code:
Navigator.of(context).push(new MaterialPageRoute<Null>(
builder: (BuildContext context) {
return Dialog();
},
fullscreenDialog: true
));
Check this blog post too for more:
Hope it will help you.
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 16 '18 at 10:25
That's another question. You can use to make your color of the Appbar transparent.
– ibhavikmakwana
Nov 19 '18 at 4:42
its will become black.if set all base material color to transparant it will make another problem
– RIFAL
Nov 19 '18 at 6:30
add a comment |
0
You can Implement the FullScreenDialog instead.
Flutter Gallery app has an example of FullScreenDialog
You can open your Dialog using below code:
Navigator.of(context).push(new MaterialPageRoute<Null>(
builder: (BuildContext context) {
return Dialog();
},
fullscreenDialog: true
));
Check this blog post too for more:
Hope it will help you.
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 16 '18 at 10:25
That's another question. You can use to make your color of the Appbar transparent.
– ibhavikmakwana
Nov 19 '18 at 4:42
its will become black.if set all base material color to transparant it will make another problem
– RIFAL
Nov 19 '18 at 6:30
add a comment |
0
0
0
You can Implement the FullScreenDialog instead.
Flutter Gallery app has an example of FullScreenDialog
You can open your Dialog using below code:
Navigator.of(context).push(new MaterialPageRoute<Null>(
builder: (BuildContext context) {
return Dialog();
},
fullscreenDialog: true
));
Check this blog post too for more:
Hope it will help you.
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
You can Implement the FullScreenDialog instead.
Flutter Gallery app has an example of FullScreenDialog
You can open your Dialog using below code:
Navigator.of(context).push(new MaterialPageRoute<Null>(
builder: (BuildContext context) {
return Dialog();
},
fullscreenDialog: true
));
Check this blog post too for more:
Hope it will help you.
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
edited Nov 15 '18 at 11:48
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
answered Nov 15 '18 at 11:39
ibhavikmakwanaibhavikmakwana
6411217
6411217
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 16 '18 at 10:25
That's another question. You can use to make your color of the Appbar transparent.
– ibhavikmakwana
Nov 19 '18 at 4:42
its will become black.if set all base material color to transparant it will make another problem
– RIFAL
Nov 19 '18 at 6:30
add a comment |
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 16 '18 at 10:25
That's another question. You can use to make your color of the Appbar transparent.
– ibhavikmakwana
Nov 19 '18 at 4:42
its will become black.if set all base material color to transparant it will make another problem
– RIFAL
Nov 19 '18 at 6:30
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 16 '18 at 10:25
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 16 '18 at 10:25
That's another question. You can use to make your color of the Appbar transparent.
– ibhavikmakwana
Nov 19 '18 at 4:42
That's another question. You can use to make your color of the Appbar transparent.
– ibhavikmakwana
Nov 19 '18 at 4:42
its will become black.if set all base material color to transparant it will make another problem
– RIFAL
Nov 19 '18 at 6:30
its will become black.if set all base material color to transparant it will make another problem
– RIFAL
Nov 19 '18 at 6:30
add a comment |
0
- You open class BottomSheet in library of flutter and change maxHeight
from
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight * 9.0 / 16.0
);}
to
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight
);}
- You can create a new class with other name and copy source code from class BottomSheet and change maxHeight
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
add a comment |
0
- You open class BottomSheet in library of flutter and change maxHeight
from
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight * 9.0 / 16.0
);}
to
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight
);}
- You can create a new class with other name and copy source code from class BottomSheet and change maxHeight
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
add a comment |
0
0
0
- You open class BottomSheet in library of flutter and change maxHeight
from
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight * 9.0 / 16.0
);}
to
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight
);}
- You can create a new class with other name and copy source code from class BottomSheet and change maxHeight
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
- You open class BottomSheet in library of flutter and change maxHeight
from
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight * 9.0 / 16.0
);}
to
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
return BoxConstraints(
minWidth: constraints.maxWidth,
maxWidth: constraints.maxWidth,
minHeight: 0.0,
maxHeight: constraints.maxHeight
);}
- You can create a new class with other name and copy source code from class BottomSheet and change maxHeight
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
answered Jan 3 at 3:40
Bé Tập CodeBé Tập Code
12
12
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53311553%2fhow-to-set-showmodalbottomsheet-to-full-height%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
1
I don't think it is possible but you can implement the Full-Screen Dialog.
– ibhavikmakwana
Nov 15 '18 at 5:39
it is possible drag down to close the fullscreen dialog?
– RIFAL
Nov 15 '18 at 8:02
You can use GestureDetector to do so.
– ibhavikmakwana
Nov 15 '18 at 11:31
how to transparent the appbar on fullscreen dialog? and edge the body of scaffold, so its will look full height of my post image before?
– RIFAL
Nov 19 '18 at 1:37