Adjusting Grid View ChildAspecRatio according to screen size Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 00:00UTC (8:00pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!Using jQuery to center a DIV on the screenGet screen dimensions in pixelsGet the size of the screen, current web page and browser windowHow to make app adjusting automatically according to mobile size in flutter?Flutter : Bad state: Stream has already been listened toStreams in dart lag a step behindIs there a way to detect that a widget is making the layout overflow?How do I confine column max height to screen height? i.e let children “match_parent” sizeHow I can put Widget above Widget using List<Widget> widget in Flutter?hello ,,,,,when I am clicking on card then show me this error how to fix this error

How does Python know the values already stored in its memory?

Is a ledger board required if the side of my house is wood?

Why does it sometimes sound good to play a grace note as a lead in to a note in a melody?

How fail-safe is nr as stop bytes?

How were pictures turned from film to a big picture in a picture frame before digital scanning?

How does light 'choose' between wave and particle behaviour?

Why does the remaining Rebel fleet at the end of Rogue One seem dramatically larger than the one in A New Hope?

Is there hard evidence that the grant peer review system performs significantly better than random?

Can the Great Weapon Master feat's damage bonus and accuracy penalty apply to attacks from the Spiritual Weapon spell?

Maximum summed subsequences with non-adjacent items

Using audio cues to encourage good posture

How would a mousetrap for use in space work?

How to write this math term? with cases it isn't working

An adverb for when you're not exaggerating

Can a new player join a group only when a new campaign starts?

How do living politicians protect their readily obtainable signatures from misuse?

Should I use a zero-interest credit card for a large one-time purchase?

Taylor expansion of ln(1-x)

Disembodied hand growing fangs

How can I reduce the gap between left and right of cdot with a macro?

Most bit efficient text communication method?

What does it mean that physics no longer uses mechanical models to describe phenomena?

Amount of permutations on an NxNxN Rubik's Cube

Generate an RGB colour grid



Adjusting Grid View ChildAspecRatio according to screen size



Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 23, 2019 at 00:00UTC (8:00pm US/Eastern)
Data science time! April 2019 and salary with experience
The Ask Question Wizard is Live!Using jQuery to center a DIV on the screenGet screen dimensions in pixelsGet the size of the screen, current web page and browser windowHow to make app adjusting automatically according to mobile size in flutter?Flutter : Bad state: Stream has already been listened toStreams in dart lag a step behindIs there a way to detect that a widget is making the layout overflow?How do I confine column max height to screen height? i.e let children “match_parent” sizeHow I can put Widget above Widget using List<Widget> widget in Flutter?hello ,,,,,when I am clicking on card then show me this error how to fix this error



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I am developing an app that includes GridView, here is the simplest form of code:



return OrientationBuilder(builder: (context, orientation) 
return RefreshIndicator(
onRefresh: refreshList,
child: new GridView.builder(
itemCount: dergiler.length,
gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
mainAxisSpacing: 1.0,
crossAxisSpacing: 1.0,
childAspectRatio: 0.7),
itemBuilder: (BuildContext context, int index)
return Container(
alignment: Alignment.center,
child: Dergielemet(dergiler[index], index),
);
,
),
);
);


When I use the as childAspectRatio as 0.7 I am getting what I want. Here is the image:



image)



However, when I try the same code on another device with slightly different screen size, there would be overflow errors because elements of GridView are overflowing each other. Example:



image










share|improve this question






























    0















    I am developing an app that includes GridView, here is the simplest form of code:



    return OrientationBuilder(builder: (context, orientation) 
    return RefreshIndicator(
    onRefresh: refreshList,
    child: new GridView.builder(
    itemCount: dergiler.length,
    gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,
    mainAxisSpacing: 1.0,
    crossAxisSpacing: 1.0,
    childAspectRatio: 0.7),
    itemBuilder: (BuildContext context, int index)
    return Container(
    alignment: Alignment.center,
    child: Dergielemet(dergiler[index], index),
    );
    ,
    ),
    );
    );


    When I use the as childAspectRatio as 0.7 I am getting what I want. Here is the image:



    image)



    However, when I try the same code on another device with slightly different screen size, there would be overflow errors because elements of GridView are overflowing each other. Example:



    image










    share|improve this question


























      0












      0








      0








      I am developing an app that includes GridView, here is the simplest form of code:



      return OrientationBuilder(builder: (context, orientation) 
      return RefreshIndicator(
      onRefresh: refreshList,
      child: new GridView.builder(
      itemCount: dergiler.length,
      gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 2,
      mainAxisSpacing: 1.0,
      crossAxisSpacing: 1.0,
      childAspectRatio: 0.7),
      itemBuilder: (BuildContext context, int index)
      return Container(
      alignment: Alignment.center,
      child: Dergielemet(dergiler[index], index),
      );
      ,
      ),
      );
      );


      When I use the as childAspectRatio as 0.7 I am getting what I want. Here is the image:



      image)



      However, when I try the same code on another device with slightly different screen size, there would be overflow errors because elements of GridView are overflowing each other. Example:



      image










      share|improve this question
















      I am developing an app that includes GridView, here is the simplest form of code:



      return OrientationBuilder(builder: (context, orientation) 
      return RefreshIndicator(
      onRefresh: refreshList,
      child: new GridView.builder(
      itemCount: dergiler.length,
      gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 2,
      mainAxisSpacing: 1.0,
      crossAxisSpacing: 1.0,
      childAspectRatio: 0.7),
      itemBuilder: (BuildContext context, int index)
      return Container(
      alignment: Alignment.center,
      child: Dergielemet(dergiler[index], index),
      );
      ,
      ),
      );
      );


      When I use the as childAspectRatio as 0.7 I am getting what I want. Here is the image:



      image)



      However, when I try the same code on another device with slightly different screen size, there would be overflow errors because elements of GridView are overflowing each other. Example:



      image







      layout dart flutter






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Mar 9 at 22:45









      halfer

      14.8k759118




      14.8k759118










      asked Mar 8 at 20:44









      isa türkisa türk

      234




      234






















          1 Answer
          1






          active

          oldest

          votes


















          0














          use the as childAspectRatio some thing like this




          MediaQuery.of(context).size.height/980







          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%2f55070739%2fadjusting-grid-view-childaspecratio-according-to-screen-size%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            use the as childAspectRatio some thing like this




            MediaQuery.of(context).size.height/980







            share|improve this answer





























              0














              use the as childAspectRatio some thing like this




              MediaQuery.of(context).size.height/980







              share|improve this answer



























                0












                0








                0







                use the as childAspectRatio some thing like this




                MediaQuery.of(context).size.height/980







                share|improve this answer















                use the as childAspectRatio some thing like this




                MediaQuery.of(context).size.height/980








                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Mar 15 at 9:21

























                answered Mar 15 at 9:15









                Android TeamAndroid Team

                8,13311437




                8,13311437





























                    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%2f55070739%2fadjusting-grid-view-childaspecratio-according-to-screen-size%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







                    Popular posts from this blog

                    Save data to MySQL database using ExtJS and PHP [closed]2019 Community Moderator ElectionHow can I prevent SQL injection in PHP?Which MySQL data type to use for storing boolean valuesPHP: Delete an element from an arrayHow do I connect to a MySQL Database in Python?Should I use the datetime or timestamp data type in MySQL?How to get a list of MySQL user accountsHow Do You Parse and Process HTML/XML in PHP?Reference — What does this symbol mean in PHP?How does PHP 'foreach' actually work?Why shouldn't I use mysql_* functions in PHP?

                    Compiling GNU Global with universal-ctags support Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!Tags for Emacs: Relationship between etags, ebrowse, cscope, GNU Global and exuberant ctagsVim and Ctags tips and trickscscope or ctags why choose one over the other?scons and ctagsctags cannot open option file “.ctags”Adding tag scopes in universal-ctagsShould I use Universal-ctags?Universal ctags on WindowsHow do I install GNU Global with universal ctags support using Homebrew?Universal ctags with emacsHow to highlight ctags generated by Universal Ctags in Vim?

                    Add ONERROR event to image from jsp tldHow to add an image to a JPanel?Saving image from PHP URLHTML img scalingCheck if an image is loaded (no errors) with jQueryHow to force an <img> to take up width, even if the image is not loadedHow do I populate hidden form field with a value set in Spring ControllerStyling Raw elements Generated from JSP tagds with Jquery MobileLimit resizing of images with explicitly set width and height attributeserror TLD use in a jsp fileJsp tld files cannot be resolved