在RichText小部件中在TextSpan周围添加边框

Question

我有一个RichText小部件，其中包含一些TextSpan。我想在一个TextSpan小部件周围放置一个边框。

RichText(
  text: TextSpan(
    style: textStyle,
    children: [ ], // code has more TextSpan widgets as children
  ),

这是我试图在Flutter中达到的效果的一个例子。

Answer 1

Paint paint = Paint()
  ..color = Colors.blue
  ..style = PaintingStyle.stroke
  ..strokeCap = StrokeCap.round
  ..strokeWidth = 2.0;

RichText(
                    text: TextSpan(children: [
                  TextSpan(text: '123'),
                  TextSpan(text: '456', style: TextStyle(background: paint)),
                  TextSpan(text: '789')
                ]))