扑来 - 不要用文字和容器包裹

Question

我有此代码：

import 'package:flutter/material.dart';

void main() => runApp(mainApp());

class mainApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Chat(),
    );
  }
}

class Chat extends StatefulWidget {
  const Chat({Key? key}) : super(key: key);

  @override
  _ChatState createState() => _ChatState();
}

class _ChatState extends State<Chat> {
  List<InlineSpan> myList = [
    TextSpan(text: 'Hello, my name '),
    WidgetSpan(
      child: Container(
        color: Colors.orange,
        child: GestureDetector(
          onTap: () {
            print('tap');
          },
          child: Container(
            child: Padding(
              padding: const EdgeInsets.all(4.0),
              child: Text(
                'is',
                style: TextStyle(fontSize: 25.0),
              ),
            ),
          ),
        ),
      ),
    ),
    TextSpan(text: ' Gabriele, and i am 21 years old!'),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: RichText(
          text: TextSpan(
            style: TextStyle(fontSize: 25.0, color: Colors.black),
            children: myList,
          ),
        ),
      ),
    );
  }
}

这是我当前的输出：

如您在图像中所看到的，单词'is'（以橙色为obly）略微向上移动。

我如何才能使它与否则的水平相同？ （例如，通过对中心的所有方面对齐水平轴..）

。

我希望你能帮我。

谢谢 ：）

Answer 1

它可能是因为您使用填充，

padding: const EdgeInsets.all(4.0)

然后设置

padding: const EdgeInsets.only(left: 4, right: 4, top: 4)