How to set margin for a Container in Flutter

0 votes

Hi Guys,

I am in Flutter. I have created one Container in the body part of my app. How can I set a margin in all directions for this Container?

Jul 29, 2020 in Others by akhtar
• 38,260 points
9,298 views

2 answers to this question.

0 votes

Hi@akhtar,

Margin property is used to set empty space around an object or Widget in Flutter. Most of the flutter widgets directly do not support margin property but using the Child Wrapping technique we can apply a margin to any widget in flutter using Container widget. I have attached one example below for your reference.

Container(
   margin: const EdgeInsets.fromLTRB(20, 100, 20, 20),
   child:
   RaisedButton(
   onPressed: () => sampleFunction(),
   child: Text(' Button in Flutter With Margin '),
   textColor: Colors.white,
   color: Colors.green,
    )
  )

To know more, join our Flutter Certification Course today.

answered Jul 29, 2020 by MD
• 95,460 points
0 votes
Container(
  margin: const EdgeInsets.fromLTRB(20, 10, 20, 20),
)
answered Apr 17, 2023 by anonymous

Related Questions In Others

0 votes
1 answer

How to add a border in a Container in Flutter?

Hi@MD, By default, you can't see any border ...READ MORE

answered Sep 10, 2020 in Others by akhtar
• 38,260 points
3,221 views
0 votes
1 answer

How to apply zoom animation for each element of a list in angular?

Hey @Sid, do check if this link ...READ MORE

answered Jul 30, 2019 in Others by Vardhan
• 13,150 points
1,586 views
0 votes
1 answer

How to create a Volume Icon in Flutter App?

Hi@akhtar, You can use Icon Widget to create ...READ MORE

answered Jul 24, 2020 in Others by MD
• 95,460 points
2,128 views
0 votes
1 answer

How to add a border to a widget in Flutter?

Hi@akhtar, You need to add the TextField as a child to a Container that has ...READ MORE

answered Jul 24, 2020 in Others by MD
• 95,460 points
3,855 views
0 votes
1 answer

What is pubspec.yaml file in Flutter?

Hi@akhtar, It is the project's configuration file that ...READ MORE

answered Jul 20, 2020 in Others by MD
• 95,460 points
3,432 views
0 votes
1 answer

Error: No pubspec.yaml file found.

Hi@akhtar, You need to run this command from ...READ MORE

answered Jul 20, 2020 in Others by MD
• 95,460 points
9,044 views
0 votes
1 answer

How to launch an emulators from Flutter?

Hi@akhtar, Before launching emulators you should check if ...READ MORE

answered Jul 20, 2020 in Others by MD
• 95,460 points
6,293 views
0 votes
1 answer

How to create a container widget in Flutter?

Hi@akhtar, Container means a parent widget that contains ...READ MORE

answered Jul 28, 2020 in Others by MD
• 95,460 points
2,236 views
0 votes
1 answer

How to create a Project in Flutter?

Hi@akhtar, Flutter has an inbuilt command to create ...READ MORE

answered Jul 20, 2020 in Others by MD
• 95,460 points
898 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP