How to set margin for a Container in Flutter

Question

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?

Answer 1

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.

Answer 2

Container(
  margin: const EdgeInsets.fromLTRB(20, 10, 20, 20),

)