How to remove the space between rows in card (Flutter)Flutter : Can I add a Header Row to a ListViewFlutter : How to remove space between row in ListviewFlutter - Alignment and Wrapping issuesHow to offset a scaffold widget in Flutter?Adding Card to ListViewFlutter : Bad state: Stream has already been listened toHow to remove space between image and text in FlutterFlutter remove space between widget in columnAnimate parent widget on event to fit child's sizeIs it possible to force the alignment of a specific child widget in a Wrap widget?
The deliberate use of misleading terminology
What does the behaviour of water on the skin of an aircraft in flight tell us?
Can a rogue effectively triple their speed by combining Dash and Ready?
Group manager threw me under the bus to save her friend
Where can I find the list of all tendons in the human body?
Is American Express widely accepted in France?
Can you dispel the Slow effect of a Stone Golem?
Are academic associations obliged to comply with the US government?
What caused the tendency for conservatives to not support climate change regulations?
Creating Fictional Slavic Place Names
Are there regional foods in Westeros?
Since Angular 8 uses @ViewChild, the new static option, how should I use it?
Looking for an old image of designing a cpu with plan laid out / being edited on a literal floor
The term for the person/group a political party aligns themselves with to appear concerned about the general public
Order by does not work as I expect
Can you use a concentration spell while using Mantle of Majesty?
Beginner's snake game using PyGame
How to properly maintain eye contact with people that have distinctive facial features?
Different PCB color ( is it different material? )
Is there an evolutionary advantage to having two heads?
The oldest tradition stopped before it got back to him
Can a non-EU citizen travel freely within the Schengen area without passport?
If Sweden was to magically float away, at what altitude would it be visible from the southern hemisphere?
How to make the POV character sit on the sidelines without the reader getting bored
How to remove the space between rows in card (Flutter)
Flutter : Can I add a Header Row to a ListViewFlutter : How to remove space between row in ListviewFlutter - Alignment and Wrapping issuesHow to offset a scaffold widget in Flutter?Adding Card to ListViewFlutter : Bad state: Stream has already been listened toHow to remove space between image and text in FlutterFlutter remove space between widget in columnAnimate parent widget on event to fit child's sizeIs it possible to force the alignment of a specific child widget in a Wrap widget?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I used a card widget in my flutter App that has two rows, the problem that I have is a large space appeared between the two rows as you can see in the following image
how can fix this problem ?
my code that i tried it here :
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(child: Image.network(snapshot.data[index].data["image_url"],height: 80.0,width: 80.0)),
),
],
),
),
);
flutter flutter-layout edited Mar 24 at 15:52
Fire-In-D-Hole
291113
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
add a comment |
I used a card widget in my flutter App that has two rows, the problem that I have is a large space appeared between the two rows as you can see in the following image
how can fix this problem ?
my code that i tried it here :
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(child: Image.network(snapshot.data[index].data["image_url"],height: 80.0,width: 80.0)),
),
],
),
),
);
edited Mar 24 at 15:52
Fire-In-D-Hole
291113
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
add a comment |
I used a card widget in my flutter App that has two rows, the problem that I have is a large space appeared between the two rows as you can see in the following image
how can fix this problem ?
my code that i tried it here :
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(child: Image.network(snapshot.data[index].data["image_url"],height: 80.0,width: 80.0)),
),
],
),
),
);
edited Mar 24 at 15:52
Fire-In-D-Hole
291113
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
I used a card widget in my flutter App that has two rows, the problem that I have is a large space appeared between the two rows as you can see in the following image
how can fix this problem ?
my code that i tried it here :
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(child: Image.network(snapshot.data[index].data["image_url"],height: 80.0,width: 80.0)),
),
],
),
),
);
edited Mar 24 at 15:52
Fire-In-D-Hole
291113
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
edited Mar 24 at 15:52
Fire-In-D-Hole
291113
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
edited Mar 24 at 15:52
Fire-In-D-Hole
291113
edited Mar 24 at 15:52
Fire-In-D-Hole
291113
edited Mar 24 at 15:52
Fire-In-D-Hole
291113
291113
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
asked Mar 24 at 10:55
Zainab HasanZainab Hasan
105
105
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
add MainAxisAlignment:MainAxisAlignment.center property to your Row widget
followed code should work for you check this out.
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(
snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(
fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),
),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(
child: Image.network(snapshot.data[index].data["image_url"],
height: 80.0, width: 80.0)),
),
],
),
),
);
answered Mar 24 at 10:59
cipli onatcipli onat
554312
it's still the same problem
– Zainab Hasan
Mar 24 at 13:36
add a comment |
you are using expanded widget inside row so that both the widget try to get same width and also try to cover whole width possible.
so that, if you want to remove space between row widget then remove expanded widget and play with MainAxisAlignment property of Row to arrange or manage the space.
you can use values like:
MainAxisAlignment.spaceBetween and MainAxisAlignment.spaceEvenly
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
the problem that when i remove expanded widget and replace it with a Container widget the ListTile contents is disappear
– Zainab Hasan
Mar 24 at 14:00
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%2f55323067%2fhow-to-remove-the-space-between-rows-in-card-flutter%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
add MainAxisAlignment:MainAxisAlignment.center property to your Row widget
followed code should work for you check this out.
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(
snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(
fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),
),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(
child: Image.network(snapshot.data[index].data["image_url"],
height: 80.0, width: 80.0)),
),
],
),
),
);
answered Mar 24 at 10:59
cipli onatcipli onat
554312
it's still the same problem
– Zainab Hasan
Mar 24 at 13:36
add a comment |
add MainAxisAlignment:MainAxisAlignment.center property to your Row widget
followed code should work for you check this out.
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(
snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(
fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),
),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(
child: Image.network(snapshot.data[index].data["image_url"],
height: 80.0, width: 80.0)),
),
],
),
),
);
answered Mar 24 at 10:59
cipli onatcipli onat
554312
it's still the same problem
– Zainab Hasan
Mar 24 at 13:36
add a comment |
add MainAxisAlignment:MainAxisAlignment.center property to your Row widget
followed code should work for you check this out.
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(
snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(
fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),
),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(
child: Image.network(snapshot.data[index].data["image_url"],
height: 80.0, width: 80.0)),
),
],
),
),
);
answered Mar 24 at 10:59
cipli onatcipli onat
554312
add MainAxisAlignment:MainAxisAlignment.center property to your Row widget
followed code should work for you check this out.
return Card(
child: Container(
alignment: FractionalOffset.center,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
flex: 1,
child: Container(
child: ListTile(
title: Text(
snapshot.data[index].data["title"],
textDirection: TextDirection.rtl,
style: TextStyle(
fontSize: 14.0,
fontFamily: 'Cairo',
fontWeight: FontWeight.bold),
),
onTap: () => navigateToDetails(snapshot.data[index]),
),
),
),
//SizedBox(width: 1.0),
Expanded(
flex: 1,
child: Container(
child: Image.network(snapshot.data[index].data["image_url"],
height: 80.0, width: 80.0)),
),
],
),
),
);
answered Mar 24 at 10:59
cipli onatcipli onat
554312
answered Mar 24 at 10:59
cipli onatcipli onat
554312
answered Mar 24 at 10:59
cipli onatcipli onat
554312
answered Mar 24 at 10:59
cipli onatcipli onat
554312
554312
it's still the same problem
– Zainab Hasan
Mar 24 at 13:36
add a comment |
it's still the same problem
– Zainab Hasan
Mar 24 at 13:36
it's still the same problem
– Zainab Hasan
Mar 24 at 13:36
it's still the same problem
– Zainab Hasan
Mar 24 at 13:36
add a comment |
you are using expanded widget inside row so that both the widget try to get same width and also try to cover whole width possible.
so that, if you want to remove space between row widget then remove expanded widget and play with MainAxisAlignment property of Row to arrange or manage the space.
you can use values like:
MainAxisAlignment.spaceBetween and MainAxisAlignment.spaceEvenly
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
the problem that when i remove expanded widget and replace it with a Container widget the ListTile contents is disappear
– Zainab Hasan
Mar 24 at 14:00
add a comment |
you are using expanded widget inside row so that both the widget try to get same width and also try to cover whole width possible.
so that, if you want to remove space between row widget then remove expanded widget and play with MainAxisAlignment property of Row to arrange or manage the space.
you can use values like:
MainAxisAlignment.spaceBetween and MainAxisAlignment.spaceEvenly
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
the problem that when i remove expanded widget and replace it with a Container widget the ListTile contents is disappear
– Zainab Hasan
Mar 24 at 14:00
add a comment |
you are using expanded widget inside row so that both the widget try to get same width and also try to cover whole width possible.
so that, if you want to remove space between row widget then remove expanded widget and play with MainAxisAlignment property of Row to arrange or manage the space.
you can use values like:
MainAxisAlignment.spaceBetween and MainAxisAlignment.spaceEvenly
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
you are using expanded widget inside row so that both the widget try to get same width and also try to cover whole width possible.
so that, if you want to remove space between row widget then remove expanded widget and play with MainAxisAlignment property of Row to arrange or manage the space.
you can use values like:
MainAxisAlignment.spaceBetween and MainAxisAlignment.spaceEvenly
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
answered Mar 24 at 12:52
Viren V VarasadiyaViren V Varasadiya
1,3691520
1,3691520
the problem that when i remove expanded widget and replace it with a Container widget the ListTile contents is disappear
– Zainab Hasan
Mar 24 at 14:00
add a comment |
the problem that when i remove expanded widget and replace it with a Container widget the ListTile contents is disappear
– Zainab Hasan
Mar 24 at 14:00
the problem that when i remove expanded widget and replace it with a Container widget the ListTile contents is disappear
– Zainab Hasan
Mar 24 at 14:00
the problem that when i remove expanded widget and replace it with a Container widget the ListTile contents is disappear
– Zainab Hasan
Mar 24 at 14:00
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%2f55323067%2fhow-to-remove-the-space-between-rows-in-card-flutter%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
