CODEWITHSUNDEEP
flutterdart
Tony
Tony

Reputation: 2748

Center Text in Column

How to center the Text in Column ?

Card(
            child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
          Padding(
              padding: EdgeInsets.all(10),
              child: Image.asset("assets/raining.png")),
          Center(
              child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                Text("Start Time : " +
                    product.entity.weatherchart[i]['start_time']),
                Text(("End Time : " +
                    product.entity.weatherchart[i]['end_time'])),
              ])),
        ]))

Upvotes: 0

Views: 417

Answers (2)

Nafeeul Alam Walee
Nafeeul Alam Walee

Reputation: 26

Change crossAxisAlignment from Start to Center in your Column widget

crossAxisAlignment: CrossAxisAlignment.center

Then you need to define a width before Column widget, replace Center widget with a Container (or Expanded, no need to define width when using expanded)

 Card(
       child: Row(crossAxisAlignment: CrossAxisAlignment.start,
            children: [
            Padding(
                padding: EdgeInsets.all(10),
                child: Image.asset("assets/raining.png")),
            Container( //changed from center
                width: 200, // give width
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start, //changed to start
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text("Start Time : " +
                        product.entity.weatherchart[i]['start_time']),
                    Text(("End Time : " +
                        product.entity.weatherchart[i]['end_time'])),
                  ]),
            ),
          ]))

Upvotes: 1

Sam Chan
Sam Chan

Reputation: 1772

Try

Card(
        child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
      Padding(
          padding: EdgeInsets.all(10),
          child: Image.asset("assets/raining.png")),
      Expanded(
        child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                "Start Time : "+
                    product.entity.weatherchart[i]['start_time'],
              ),
              Text(("End Time : "+
                    product.entity.weatherchart[i]['end_time']))),
            ]),
      )
    ]))

Upvotes: 1

Related Questions