Как я могу выровнять значок по вертикали, при использовании его в флаттере richText

Question

Я пытаюсь создать простой детектор жестов, с некоторым текстом и пиктограммой в начале, но, кажется, я ударился о стену, когда пытаюсь центрировать иконку (да, строка была пробована, но мне нужно кое-что, где ширина не go за пределами содержания), вот что у меня есть:

Container(
            color: Colors.white,
            child: GestureDetector(
                onTap: () => setState(() {
                      playerNames.remove(name);
                    }),
                child: RichText(
                  text: TextSpan(children: [
                    WidgetSpan(
                      child: Icon(
                        Icons.clear,
                        size: MediaQuery.of(context).size.height * 0.02,
                      ),
                    ),
                    WidgetSpan(
                      child: AutoSizeText(
                        name,
                        maxLines: 1,
                        style: new TextStyle(
                            fontSize:
                                MediaQuery.of(context).size.height * 0.021,
                            color: Color.fromRGBO(0, 0, 0, 0.71)),
                      ),
                    )
                  ]),
                )),
          )

Answer 1

Попробуйте InlineSpan внутри TextSpan

       TextSpan(
            style: TextStyle(fontSize: 24, color: Colors.black), 
            children: <InlineSpan>[ 
              TextSpan(text: 'hello'), 
              WidgetSpan( 
                alignment: ui.PlaceholderAlignment.middle, 
                child: Text( 'Jack', 
                    style: TextStyle(fontSize: 40, color: Colors.white), 
                ), 
              ), 
              TextSpan(text: ' doctor'), 
            ] 
        ),