flutter - 减少和集中文本字段

Question

我想减小这两个 TextField 的大小（宽度和高度）并将其对齐到屏幕的中心。我尝试使用 Container() 和 Center() 但我试图放置它的位置总是有问题。

class _TelaPrincipalState extends State<TelaPrincipal> {
  final firstTextEditingController = TextEditingController();
  final secondTextEditingController = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('My App'),
        ),
        body: Column(
          children: [
            TextField(
              controller: firstTextEditingController,
              decoration: InputDecoration(
                labelText: 'Insert first input',
                fillColor: Colors.white,
                filled: true,
                contentPadding:
                    EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              ),
              style: TextStyle(color: Colors.black),
            ),
            TextField(
              controller: secondTextEditingController,
              decoration: InputDecoration(
                labelText: 'Insert second input',
                fillColor: Colors.white,
                filled: true,
                contentPadding:
                    EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              ),
              style: TextStyle(color: Colors.black),
            )
          ],
        ));
  }
}

标签： flutterdart

Answer 1

将柱的主轴对齐设置为中心。它将起作用。

return Column(
mainAxisAlignment: MainAxisAlignment.center,
);