Adjusting Grid View ChildAspecRatio according to screen sizeUsing 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 can I deal with my CEO asking me to hire someone with a higher salary than me, a co-founder?
Avoiding the "not like other girls" trope?
How can a day be of 24 hours?
In the UK, is it possible to get a referendum by a court decision?
Did 'Cinema Songs' exist during Hiranyakshipu's time?
Car headlights in a world without electricity
Am I breaking OOP practice with this architecture?
How seriously should I take size and weight limits of hand luggage?
What Exploit Are These User Agents Trying to Use?
Processor speed limited at 0.4 Ghz
How to enclose theorems and definition in rectangles?
Calculate the Mean mean of two numbers
What do you call someone who asks many questions?
How to travel to Japan while expressing milk?
Do creatures with a listed speed of "0 ft., fly 30 ft. (hover)" ever touch the ground?
If a warlock makes a Dancing Sword their pact weapon, is there a way to prevent it from disappearing if it's farther away for more than a minute?
How does a dynamic QR code work?
My ex-girlfriend uses my Apple ID to log in to her iPad. Do I have to give her my Apple ID password to reset it?
Why were 5.25" floppy drives cheaper than 8"?
How to prevent "they're falling in love" trope
How to find if SQL server backup is encrypted with TDE without restoring the backup
how do we prove that a sum of two periods is still a period?
How to Prove P(a) → ∀x(P(x) ∨ ¬(x = a)) using Natural Deduction
Notepad++ delete until colon for every line with replace all
Adjusting Grid View ChildAspecRatio according to screen size
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
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 edited Mar 9 at 22:45
halfer
14.7k759116
asked Mar 8 at 20:44
isa türkisa türk
233
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 edited Mar 9 at 22:45
halfer
14.7k759116
asked Mar 8 at 20:44
isa türkisa türk
233
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 edited Mar 9 at 22:45
halfer
14.7k759116
asked Mar 8 at 20:44
isa türkisa türk
233
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.7k759116
asked Mar 8 at 20:44
isa türkisa türk
233
edited Mar 9 at 22:45
halfer
14.7k759116
asked Mar 8 at 20:44
isa türkisa türk
233
edited Mar 9 at 22:45
halfer
14.7k759116
edited Mar 9 at 22:45
halfer
14.7k759116
edited Mar 9 at 22:45
halfer
14.7k759116
14.7k759116
asked Mar 8 at 20:44
isa türkisa türk
233
asked Mar 8 at 20:44
isa türkisa türk
233
asked Mar 8 at 20:44
isa türkisa türk
233
233
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
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
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
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
add a comment |
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
add a comment |
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
use the as childAspectRatio some thing like this
MediaQuery.of(context).size.height/980
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
edited Mar 15 at 9:21
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
answered Mar 15 at 9:15
Android TeamAndroid Team
8,01011437
8,01011437
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
