How to Set Space Between Elements In Flutter?

Hello guys how are you all? Hope you all are fine. sometimes you need to Set Space Between Elements. So in this tutorial, we are going to learn How to Set Space Between Elements In Flutter? without wasting your time Let’s start this tutorial.

How to Set Space Between Elements In Flutter?

Here We will use the row and Row widget has a property called MainAxisAlignment.

MainAxisAlignment.start

Place the children as close to the start of the main axis as possible.

MainAxisAlignment.end

Place the children as close to the end of the main axis as possible.

MainAxisAlignment.center

Place the children as close to the middle of the main axis as possible.

MainAxisAlignment.spaceBetween

Place the free space evenly between the children.

MainAxisAlignment.spaceAround

Place the free space evenly between the children as well as half of that space before and after the first and last child.

MainAxisAlignment.spaceEvenly

Place the free space evenly between the children as well as before and after the first and last child.

Summery

So, It’s All About an How to Set Space Between Elements In Flutter?. I hope this tutorial helps you to Solve your error. Please Comment Below if You stucks anywhere with my code. And please comment below on which solution worked for you. Thank You.

Also Check Out Below Tutorials

• How to make a blur Background Image effect in Flutter using BackdropFilter.
• Create Rounded Corners Image in Flutter.
• set Background Image to Scaffold in Flutter.
• How To Select multiple images with Flutter
• How to Set Network Image In Circular Avatar In Flutter?