Text underline display line above text instead of below

Question

As showing the given image After applying underline decoration text style to the text it shows line above text instead of below in flutter 2.2.

 TextButton(
              onPressed: () {},
              child: Text(
                getLocalValue(context, txtTermsNConditions),
                style: TextStyle(
                    fontSize: 12.sp,
                    fontWeight: fwMedium,
                    color: Color(clrPrimary),
                    decoration: TextDecoration.underline),
              ),
            )

I tried your code; it is showing as expected. – Faiizii Awan Jul 05 '21 at 05:33 — Faiizii Awan, Jul 05 '21 at 05:33

score 0 · Answer 1 · edited Jul 21 '21 at 11:50

0

You can do with a shortcut just use a Stack and place both Text and a Divider Widget in it and gave then position according to your Requirements that's all.

edited Jul 21 '21 at 11:50

Lang Minh Nguyên

3,648
4
10
31

answered Jul 05 '21 at 05:22

Farhan Aslam

31
1
6

score 0 · Answer 2 · answered Jul 05 '21 at 09:52

0

style: TextStyle(decoration: TextDecoration.overline) will do the trick see this link for more information.

answered Jul 05 '21 at 09:52

The Anonymous Koder

552
3
12

score 0 · Accepted Answer · answered Dec 01 '21 at 10:33

0

That was a problem with fonts I have used, using another font it has been resolved.

answered Dec 01 '21 at 10:33

Brinda Rathod

2,693
1
20
32

Text underline display line above text instead of below

3 Answers3