textAlign: Textalign.center не в центре? почему

Question

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Center(
              child: CircleAvatar(
                radius: 40.0,
                child: Image.asset('images/pic.jpg'),
              ),
            ),
            Text(
              "michael dub",
            ),
            Text("FLUTTER DEVELOPER"),
            Container(
                width: 350.0,
                height: 70.0,
                child: Card(
                    child: Row(
                  children: <Widget>[
                    Icon(
                      Icons.phone,
                    ),
                    Text(
                      "+12-345-678-910",
                      textAlign: TextAlign.center,
                    ),
                  ],
                )))
          ],
        ),
      ),
    );
  }
}

Answer 1

вам нужно обернуть ваш текстовый виджет расширенным виджетом. Виджет строки по умолчанию не будет занимать всю ширину, и это создает проблему.

Проверьте следующий код.

Expanded(
     child: Text(
      "+12-345-678-910",
      textAlign: TextAlign.center,
     ),
),

Answer 2

в вашем столбце, попробуйте crossAxisAlignment: CrossAxisAlignment.stretch

РЕДАКТИРОВАТЬ: если вы пытаетесь сделать то, что я думаю, вы пытаетесь добавить

mainAxisAlignment: MainAxisAlignment.center

в твой ряд