Set the space between Elements in Row Flutter

Question

Code:

new Container(
          alignment: FractionalOffset.center,
          child: new Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
             


        

Answer 1

There are many ways of doing it, I'm listing a few here:

1. Use SizedBox if you want to set some specific space

   Row(
     children: [
       Text("1"),
       SizedBox(width: 50), // give it width
       Text("2"),
     ],
   )
   

---

2. Use Spacer if you want both to be as far apart as possible.

   Row(
     children: [
       Text("1"),
       Spacer(), // use Spacer
       Text("2"),
     ],
   )
   

---

3. Use mainAxisAlignment according to your needs:

   Row(
     mainAxisAlignment: MainAxisAlignment.spaceEvenly, // use whichever suits your need
     children: [
       Text("1"),
       Text("2"),
     ],
   )
   

---

4. Use Wrap instead of Row and give some spacing

   Wrap(
     spacing: 100, // set spacing here
     children: [
       Text("1"),
       Text("2"),
     ],
   )
   

---

5. Use Wrap instead of Row and give it alignment

   Wrap(
     alignment: WrapAlignment.spaceAround, // set your alignment
     children: [
       Text("1"),
       Text("2"),
     ],
   )