Как центрировать два текста во Flutter

Вы, вероятно, захотите использовать некоторую комбинацию mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center и поместить отступ или пустой Container с заданной шириной между двумя текстовыми виджетами для пробела.

class PointsDisplay extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        Text(
            '5000',
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 25.0,
              fontFamily: 'Karla'
            ),
          ),
          Container(width: 5.0,height: 0,),
          Text(
            'Pts',
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 20.0,
              fontFamily: 'Times'
            ),
          ),
      ],
    );
  }
}

Это идеальное использование конструктор форматированного текста с парой TextSpanс.

Взяв из 2-го образца в флаттер документы, попробуйте:

Text.rich(
  TextSpan(
    children: <TextSpan>[
      TextSpan(text: '5000 ', style: TextStyle(color: Colors.white)),
      TextSpan(text: 'pts', style: TextStyle(color: Colors.red)),
    ],
  ),
  textAlign: TextAlign.center,
  style: TextStyle(
    fontSize: 20.0,
    fontFamily: 'Karla'
  ),
)

Используйте RichText: ​​видео | Документ

RichText(
  textAlign: TextAlign.center,
  text: TextSpan(
    text: 'Hello ',
    children: const <TextSpan>[
      TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: ' world!'),
    ],
  ),
)

Когда у вас есть WidgetSpan как дети для TextSpan, вы можете использовать:

WidgetSpan(
     child: Icon(Icons.access_time),
     alignment: PlaceholderAlignment.middle
)