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;
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:
)
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:
layout dart flutter
add a comment |
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:
)
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:
layout dart flutter
add a comment |
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:
)
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:
layout dart flutter
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:
)
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:
layout dart flutter
layout dart flutter
edited Mar 9 at 22:45
halfer
14.8k759118
14.8k759118
asked Mar 8 at 20:44
isa türkisa türk
234
234
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
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
);
);
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%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
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
add a comment |
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
add a comment |
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
edited Mar 15 at 9:21
answered Mar 15 at 9:15
Android TeamAndroid Team
8,13311437
8,13311437
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.
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%2f55070739%2fadjusting-grid-view-childaspecratio-according-to-screen-size%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