enter image description hereAm trying to align text widgets located in the center of a row widget in flutter and I want them to start on the same positions (Across the marked line in the attached image). Similar to how they all end on the same position. Any ideas on how to achieve this? Below is my code portion for the text column

[![Column(
            children: \[
             Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: \[
                Text(
                  "Meeting name",
                  style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                      fontWeight: FontWeight.bold),
                ),

                Column(
                  mainAxisAlignment:MainAxisAlignment.start,
                  crossAxisAlignment:CrossAxisAlignment.start,
                  children: \[
                    Text(

                      general\["MEETING_NAME"\],
                      textAlign: TextAlign.start,
                      style: TextStyle(
                        color: kLightText,
                        fontSize: 10,
                      ),

                    ),
                  \],
                ),

              \],
            ),
            SizedBox(
              height: 20,
            ),
            //MEETING LEADER
             Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: \[
                Text(
                  "Meeting leader",
                  style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                      fontWeight: FontWeight.bold),
                ),

                Column(mainAxisAlignment:MainAxisAlignment.start,
                  crossAxisAlignment:CrossAxisAlignment.start,
                  children: \[
                    RichText(
                      text: TextSpan(
                        text:
                        "${general\["FNAME"\]} - ${general\["LNAME"\]}",
                        style: TextStyle(
                          color: kLightText,
                          fontSize: 10,
                        ),
                      ),
                    ),
                  \],
                )

              \],
            ),
            SizedBox(
              height:20,
            ),

            //MEETING DATE

                 Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: \[
                Text(
                  "Meeting date",
                  style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                      fontWeight: FontWeight.bold),
                ),

                Text(
                  general\["MEETING_DATE"\],
                  style: TextStyle(
                    color: kLightText,
                    fontSize: 10,
                  ),textDirection: TextDirection.rtl,),

              \],
            ),
            SizedBox(
              height: 20,
            ),

            //NEXT DATE
             Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: \[
                Text(
                  "Next meeting date",
                  style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                      fontWeight: FontWeight.bold),
                ),

                Text(
                    general\["NEXT_MEETING"\],
                    style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                    )),

              \],
            ),
            SizedBox(
              height: 20,
            ),

            //START TIME
             Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: \[
                Text(
                  "Start time",
                  style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                      fontWeight: FontWeight.bold),
                ),

                Text(
                    general\["START_TIME"\],
                    style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                    )),

              \],
            ),
            SizedBox(
              height: 20,
            ),
            //END TIME
          Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: \[
                Text(
                  "End time",
                  style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                      fontWeight: FontWeight.bold),
                ),

                Text(
                    general\["END_TIME"\],
                    style: TextStyle(
                      color: kLightText,
                      fontSize: 10,
                    )),

              \],
            ),
          \],),][1]][1]


Solution 1: Ardeshir ojan

your problem is this

    Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,

spaceBetween puts as much as space possible between its children


Solution 2: Raiyan

Try this

Row(
  children: [
    Expanded(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
         Text("Meeting Name", style: // Your style),
         Text("Meeting Leader"),
         Text("Metting Date"),
         ...
       ]
      )
    ),
   Expanded(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
         Text("Value of Meeting Name", style: // Your style),
         Text("Value of Meeting Leader"),
         Text("Value of Metting Date"),
         ...
       ]
      )
    ),
  ]
)


Solution 3: Muhtar

in Row widget replace

mainAxisAlignment: MainAxisAlignment.spaceBetween,

with ;

crossAxisAlignment: CrossAxisAlignment.start


Solution 4: us3r01

Just Wrap your Column inside a Flexible Widget like this

Flexible(
child: Column(
  children: [
    Row(
        crossAxisAlignment:
            CrossAxisAlignment.start,
        children: [
          Text(
            'Add items',
            textAlign: TextAlign.start,
            overflow: TextOverflow.ellipsis,
            style: const TextStyle(
                fontWeight: FontWeight.bold,
                color: Colors.black,
                fontSize: 16),
          ),
        ]),
    Row(children: [
      Text(
        'Add items to your playlist',
        textAlign: TextAlign.center,
        overflow: TextOverflow.ellipsis,
        style: const TextStyle(
            fontWeight: FontWeight.normal,
            color: Colors.grey,
            fontSize: 13),
      ),
    ])
  ],
))