Flutter text inside container

Question

i've created container(2) inside container(1). Can you please help how to add text to the container(1)? Here is my code down below

    return Scaffold(
  body: 
  Padding(
    padding: const EdgeInsets.only(top: 100, left: 30, right: 30, bottom: 25,),
    child: Container(
      height: 300,
      color: Colors.red,
      alignment: Alignment.bottomLeft,
      child: Container(
        width: 360,
        height: 230,
        color: Colors.blue,
        child: Align(
          alignment: Alignment.center,
          child: Text(
            'Car or sport car'
            maxLines: 3,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 20,
            ),
          ),
        ),
      ),
    ),
  ),

you can use any multi-child layout widget according to your requirement and set Text into your container(1). — Saurabh K. Sharma
– Saurabh K. Sharma, Commented Apr 12, 2021 at 8:35

Aloysius Samuel · Accepted Answer · 2021-04-12 07:26:29Z

6

You just need to put a Column, Row or Stack inside the first Container. Here is an example for your understanding.

return Scaffold(
body: 
Padding(
  padding: const EdgeInsets.only(top: 100, left: 30, right: 30, bottom: 25,),
  child: Container(
    height: 300,
    color: Colors.red,
    alignment: Alignment.bottomLeft,
    child: Column(
      children: [
        Text("Put your Text Here!!!!"),
        Container(
        width: 360,
        height: 230,
        color: Colors.blue,
        child: Align(
          alignment: Alignment.center,
          child: Text(
            'Car or sport car'
            maxLines: 3,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 20,
            ),
          ),
        ),
      ),]
    ),
  ),
),

answered Apr 12, 2021 at 7:26

Aloysius Samuel

1,21011 silver badges14 bronze badges

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

Comments

Jim · Accepted Answer · 2021-04-12 07:26:08Z

2

    return Scaffold(
  body: 
  Padding(
    padding: const EdgeInsets.only(top: 100, left: 30, right: 30, bottom: 25,),
    child: Container(
      height: 300,
      color: Colors.red,
      alignment: Alignment.bottomLeft,
      child: Column(children:[
        Text('test'),
        Container(
        width: 360,
        height: 230,
        color: Colors.blue,
        child: Align(
          alignment: Alignment.center,
          child: Text(
            'Car or sport car'
            maxLines: 3,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 20,
            ),
          ),
        ),
      ),
        ],
      ),
    ),
  ),

answered Apr 12, 2021 at 7:26

Jim

7,6611 gold badge13 silver badges22 bronze badges

Collectives™ on Stack Overflow

Flutter text inside container

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related