如何在容器中居中放置文本?

时间:2020-03-09 09:59:22

标签: flutter

我编写的代码将文本放置在容器中的第一行的中心,我需要将其放置在实心正方形(中线)的中心。

Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      textFormfield1('name', Controller),
      Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            Text('Add at 3 images',
                textAlign: TextAlign.start,
                style: TextStyle(
                    //color: Colors.grey[400],
                    fontWeight: FontWeight.bold,
                    fontSize: 16))
          ]),
      Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Container(
          child: Text(text,        
          textAlign: TextAlign.center),
          width: 100,
          height: 100,
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            border: Border.all(color: Colors.yellow)));
          )
),

发生的事情和我需要的照片:https://imgur.com/a/FWdjPYX

3 个答案:

答案 0 :(得分:1)

您应该用Text小部件包装Center

Center(
 child: Text('Your text')
);

所以在您的情况下

Container(
 child: Center(
  child: Text('Your text')
 )
);

答案 1 :(得分:1)

使用Container小部件的对齐属性,例如-alignment: Alignment.center,

答案 2 :(得分:1)

Text小部件包装在Center小部件中。

Center(
 child: Text('Your text')
);