insert multiple text in every container on flutter

Question

I have 2 container and I wanna insert some text in every container (text1 and text2 in my code), can someone help me to solve this case?

body: Column(
              children: <Widget>[
                Container(
                  color: Colors.red,
                  width: double.infinity,
                  height: 30,
                  text1
                  text2
                ),
                Container(
                  color: Colors.yellow,
                  width: double.infinity,
                  height: 30,
                  text1
                  text2
                )
              ],
            )

What are text1 and text2? are they Text widgets? or strings? — Ivo
– Ivo, Commented Jun 28, 2022 at 8:13
It is not clear how do you like to show them, consider updating question including your desire output and provide proper snippet that will produce the issue — Md. Yeasin Sheikh
– Md. Yeasin Sheikh, Commented Jun 28, 2022 at 8:17

esentis · Accepted Answer · 2022-06-28 08:15:05Z

Have you tried using Column as the container's child :

body: Column(
              children: <Widget>[
                Container(
                  color: Colors.red,
                  width: double.infinity,
                  height: 30,
                  child: Column(
                   children:[
                    text1
                    text2
                  ]
                ),
                Container(
                  color: Colors.yellow,
                  width: double.infinity,
                  height: 30,
                  child: Column(
                   children:[
                    text1
                    text2
                  ]
                )
              ],
            )

Md. Yeasin Sheikh · Accepted Answer · 2022-06-28 08:25:21Z

To present string on UI you can use Text widget. If the is all about merging text you can do "$text1 $text2 or text1+text2

body: Column(
children: <Widget>[
  Container(
      color: Colors.red,
      width: double.infinity,
      height: 30,
      child: Text("$text1 $text2")),
  Container(
      color: Colors.yellow,
      width: double.infinity,
      height: 30,
      child: Text(text1 + text2))
],
)

And if it is about column wise, insert another column for simplicity

body: Column(
  children: <Widget>[
    Container(
        color: Colors.red,
        width: double.infinity,
        height: 30,
        child: Column(
          children: [
            Text(text1),
            Text(text2),
          ],
        )),
    Container(
        color: Colors.yellow,
        width: double.infinity,
        height: 30,
        child: Column(
          children: [
            Text(text1),
            Text(text2),
          ],
        ))
  ],
)

There are others way to represent and style text like using RichText.

More about Text and layout

Collectives™ on Stack Overflow

insert multiple text in every container on flutter

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related