Can't align a text vertically in a container in flutter

Question

I have tried the solutions posted here but none of them seemed to work.

        Container(
          child: Center(
            child: Text(
            "Financial Formulas\n",
            textAlign: TextAlign.center,
            style: TextStyle(fontSize: 16),
            ),
          ),
          color: Colors.blue,
          width: 150,
          height: 35,
        ),

Use `Financial\nFormulas` – CopsOnRoad May 13 '20 at 09:18 — CopsOnRoad, May 13 '20 at 09:18
Remove height and "\n" both – Bhargav Sejpal May 13 '20 at 09:56 — Bhargav Sejpal, May 13 '20 at 09:56

score 2 · Answer 1 · answered May 13 '20 at 09:20

2

When you add a \n to your text, it takes an extra line. Remove it and your text will be in the middle:

answered May 13 '20 at 09:20

Sidak

1,213
6
11

score 0 · Answer 2 · edited Dec 29 '20 at 21:56

To break your text into new lines, use the /n.

In your case change your code to the one below:

   Container(
          child: Center(
            child: Text(
            // Financial will be on a line and Formulas on another line
            "Financial\nFormulas",
            // the text align property tells you how to arrange the texts
            textAlign: TextAlign.center,
            style: TextStyle(fontSize: 16),
            ),
          ),
          color: Colors.blue,
          width: 150,
          height: 35,
        ),

Can't align a text vertically in a container in flutter

2 Answers2