Flutter用户表单代码异常：仅显示标题，表单字段缺失

你的代码存在多处语法与布局逻辑错误，导致表单字段无法正常显示，具体问题及修复如下：

核心问题点 #

• ListView使用错误：你直接在Column中写ListView( Container(...) )，既不符合ListView的语法要求（需通过children参数传入子组件），且Column嵌套无高度限制的ListView会导致ListView占用无限垂直空间，挤压其他组件。此处无需ListView，直接将TextField放入Column即可。
• Container子组件违规：第二个Container直接放入了Text和多个RadioListTile，但Container的child属性仅支持单个Widget，必须用Column包裹这些组件。
• 括号不匹配：代码中存在多处括号未正确闭合的情况，导致编译错误，组件无法渲染。

修复后的完整代码 #

import 'package:flutter/material.dart';

void main() => runApp(const RadioListTileApp());

class RadioListTileApp extends StatelessWidget {
  const RadioListTileApp({super.key});
  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(useMaterial3: true),
      home: Scaffold(
        appBar: AppBar(title: const Text('User Profile')),
        body: const RadioListTileExample(),
      ),
    );
  }
}

enum SingingCharacter {Male, Female}

class RadioListTileExample extends StatefulWidget {
  const RadioListTileExample({super.key});

  @override
  State<RadioListTileExample> createState() => _RadioListTileExampleState();
}

class _RadioListTileExampleState extends State<RadioListTileExample> {
  SingingCharacter? _character = SingingCharacter.Male;
  
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          TextField(
            decoration: InputDecoration(
              border: UnderlineInputBorder(),
              hintText: 'Name',
            ),
          ),
          SizedBox(height: 16),
          Text("Gender"),
          RadioListTile<SingingCharacter>(
            title: const Text('Male'),
            value: SingingCharacter.Male,
            groupValue: _character,
            onChanged: (SingingCharacter? value) {
              setState(() {
                _character = value;
              });
            },
          ),
          RadioListTile<SingingCharacter>(
            title: const Text('Female'),
            value: SingingCharacter.Female,
            groupValue: _character,
            onChanged: (SingingCharacter? value) {
              setState(() {
                _character = value;
              });
            },
          ),
        ],
      ),
    );
  }
}

修复说明 #

• 移除多余的ListView，将TextField直接作为Column的子组件
• 调整性别选择区域的结构，把Text和RadioListTile直接放入Column，避免Container的单child限制
• 修正所有括号不匹配问题
• 添加内边距和组件间距，优化表单视觉效果

内容的提问来源于stack exchange，提问作者Shweta