how to set showModalBottomSheet to full height










2















i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?



enter image description here










share|improve this question

















  • 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















2















i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?



enter image description here










share|improve this question

















  • 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













2












2








2


1






i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?



enter image description here










share|improve this question














i use showRoundedModalBottomSheet, how to adjust this modal height till below the appbar?



enter image description here







dart flutter






share|improve this question













share|improve this question











share|improve this question




share|improve this question










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












  • 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












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.






share|improve this answer

























  • 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


















1














  1. 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
);


  1. You can create a new class with other name and copy source code from class BottomSheet and change maxHeight





share|improve this answer






















    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


















    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.






    share|improve this answer

























    • 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















    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.






    share|improve this answer

























    • 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













    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.






    share|improve this answer















    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.







    share|improve this answer














    share|improve this answer



    share|improve this answer








    edited Nov 15 '18 at 11:48

























    answered Nov 15 '18 at 11:39









    ibhavikmakwanaibhavikmakwana

    6511317




    6511317












    • 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











    • 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













    1














    1. 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
    );


    1. You can create a new class with other name and copy source code from class BottomSheet and change maxHeight





    share|improve this answer



























      1














      1. 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
      );


      1. You can create a new class with other name and copy source code from class BottomSheet and change maxHeight





      share|improve this answer

























        1












        1








        1







        1. 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
        );


        1. You can create a new class with other name and copy source code from class BottomSheet and change maxHeight





        share|improve this answer













        1. 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
        );


        1. You can create a new class with other name and copy source code from class BottomSheet and change maxHeight






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Jan 3 at 3:40









        Bé Tập CodeBé Tập Code

        113




        113



























            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














            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





















































            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







            這個網誌中的熱門文章

            How to read a connectionString WITH PROVIDER in .NET Core?

            In R, how to develop a multiplot heatmap.2 figure showing key labels successfully

            Museum of Modern and Contemporary Art of Trento and Rovereto