How to make a new line in Wrap Widget

Question

I use the Wrap Widget to display chat messages, I'm having trouble getting show new line 'n' in Wrap Widgets
show text message:
a *bold*
`highlight`
```pre```
```pre1```
a ```pre2```
a *bold*

Extract to list widget:

and then wrap listWidget in Wrap Widget
Wrap(
  children: listWidgets,
)

but the Text widget (' n') doesn't go as expected
Does anyone have solution new line in Wrap Widget please help

SCcode · Answer

You need to specify the direction property of your Wrap widget.
Wrap(
   direction: Axis.vertical,
   children: listWidgets,
)

Jim Chiu · Answer

Try to use RichText widget:
RichText(
                text: TextSpan(
                  text: '26 Sep 2020nn',
                  style: TextStyle(
                    color: Colors.black,
                    fontSize: 12.0,
                  ),
                  children: <TextSpan>[
                    TextSpan(
                      text: 'blablabla',
                      style: TextStyle(
                        fontWeight: FontWeight.bold,
                        color: Colors.black,
                        fontSize: 16.0,
                      ),
                    ),
                  ],
                ),
              ),

How to make a new line in Wrap Widget

2 Answers

Add your own answers!

Ask a Question