How to handle textOverflow inside a nested column in flutter

Question

I have few Columns which have rows inside each one, and inside some of those Rows i have another nested Column that have some text lines, I need to use TextOverFlow but every time it fails , , here is my code :

                              Row(
                                mainAxisAlignment:
                                MainAxisAlignment.spaceBetween,
                                children: <Widget>[
                                  Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: <Widget>[
                                      Text(
                                        '${S
                                            .of(context)
                                            .from} : ${chosenStations[0]
                                            .stationName}',
                                        style:
                                        Theme
                                            .of(context)
                                            .textTheme
                                            .body1,
                                        overflow: TextOverflow.ellipsis,
                                      ),
                                      Text(
                                        '${S
                                            .of(context)
                                            .to} : ${chosenStations[1]
                                            .stationName}',
                                        style:
                                        Theme
                                            .of(context)
                                            .textTheme
                                            .body1,
                                        overflow: TextOverflow.ellipsis,
                                      ),
                                    ],
                                  ),

And here is the output :

you can use wrap widget

Jaimil Patel
– Jaimil Patel

2020-05-02 13:15:33 +00:00
Commented May 2, 2020 at 13:15 — Jaimil Patel
– Jaimil Patel, Commented May 2, 2020 at 13:15

Payam Zahedi · Accepted Answer · 2020-05-02 13:25:37Z

1

you have a Row with single child you can remove it or if you needed you can wrap your container in Expanded widget in Row.

answered May 2, 2020 at 13:25

Payam Zahedi

8551 gold badge7 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to handle textOverflow inside a nested column in flutter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related