在屏幕中央对齐文本

时间:2020-01-11 16:07:20

标签: flutter dart

我正在尝试使用“列”中的“扩展”小部件,以便用户可以在屏幕的任何位置点击以增加计数器,但是在crossAxisAlignment和mainAxisAlignment中的文本对齐方式中存在一个问题,该问题不适用于“扩展”小部件,因为以下

return MaterialApp(
  home: Scaffold(
    backgroundColor: Colors.black12,
    body: SafeArea(
      child: Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
             Expanded(
               child: GestureDetector(
                  onTap: () {
                    setState(() {
                      i++;
                      print(i);
                    });
                  },
                  child: Text(
                    i.toString(),
                    style: TextStyle(fontSize: 50.0, color: Colors.blueAccent),
                    textAlign: TextAlign.center,
                  ),
                ),
             ),

          ],
        ),
      ),
    ),
  ),
);

2 个答案:

答案 0 :(得分:1)

您使用了错误的方法,因为您无法对扩展对象进行居中,因为扩展对象占据了案例列中行或列内的全部可用空间,而子元素位于GestureDetector的子窗口中。这是您想要实现的解决方案之一

@Order(2)

答案 1 :(得分:0)

FIROptions.default().deepLinkURLScheme内使用FlatButton的另一种解决方案

因此您无需与单个子列打架。

SizedBox.expand()