在文本抖动上绘制水平笔划

Question

是否有可能像我在下面显示的那样围绕Text绘制水平笔划？

sample image

Answer 1

您可以在“文本”小部件中以in样式在文本上画一条线

   Text('N',style: TextStyle(fontSize:30,decoration: TextDecoration.lineThrough,
                decorationThickness: 2.85,),)

如果您想双击，但可以创建线条图像，然后将其显示到“文本小部件”中，则可以检查以下链接，也可以通过以下方式使用以下答案

：

custom-strikethrough-to-text

Answer 2

您可以使用Stack小部件来完成此操作。

        Stack(
          children: <Widget>[
            Text(
              'N',
            ),
            Positioned(
              top: 8,
              child: Container(
              width: 10,
              height: 2,
              color: Colors.grey
            ),
           ),
            Positioned(
              top: 12,
              child: Container(
              width: 10,
              height: 2,
              color: Colors.grey
            ),
           ),
          ],
        ),

您可以将Stack小部件放在一些Container中以限制小部件的大小。