Flutter: How to make upper/bottom index to Text()

Question

Does anybody knows how to make (in a easy way) upper index in text field?

My code:

Row(
   mainAxisAlignment: MainAxisAlignment.center,
   crossAxisAlignment: CrossAxisAlignment.baseline,
   textBaseline: TextBaseline.alphabetic,
       children: [
          Text(
             widget.weather.temp.round().toString(),
             style: TextStyle(
                 color: Colors.white,
                 fontSize: 150,
               ),
          Text(
             '°C',
             style: TextStyle(
                fontSize: 50.0,
             ),
          )
       ],
),

This code gives me bottom aligmnet (index)

and how to make upper index like this:

Check this answer: https://stackoverflow.com/questions/54254516/how-can-we-use-superscript-and-subscript-text-in-flutter-text-or-richtext — Georgina, Sep 30 '22 at 13:54

Sugan Pandurengan · Answer 1 · 2022-09-30T14:08:10.900

2

Try this text

Text("${widget.weather.temp.round().toString()}\u00b0\u1d9c")

edited Sep 30 '22 at 14:08

answered Sep 30 '22 at 14:02

Sugan Pandurengan

667
15

It works, but is there a better way to top align of text? Using baseline widget? – Łukasz Strzelecki Sep 30 '22 at 14:51

Flutter: How to make upper/bottom index to Text()

1 Answers1