Flutter中TextInput转Double绘制地图Circle初始化问题求助

看起来你在这里混淆了几个关键概念——把输入控件和输入值搞混了，还有类型转换的时机不对。我来一步步帮你修正：

第一步：修正变量定义与初始化 #

你之前错误地把platitude、plongitude、radius定义成了TextFormField类型，但我们真正需要的是存储用户输入的字符串值，而输入控件应该在build方法中创建。同时用TextEditingController管理输入内容会更高效：

class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin {
  TabController? _tabController;
  // 用控制器绑定输入框，预设默认纬度值
  final TextEditingController _latController = TextEditingController(text: "33.2038241");
  final TextEditingController _lngController = TextEditingController();
  final TextEditingController _radiusController = TextEditingController();
  
  // 存储转换后的数值（可选，也可在需要时直接转换）
  double? _latitude;
  double? _longitude;
  double? _radius;
  
  Set<Circle> circles = {};

  @override
  void initState() {
    super.initState();
    getLocation();
    // 初始化TabController，根据你的实际需求设置tab数量
    _tabController = TabController(length: 2, vsync: this);
  }

  @override
  void dispose() {
    // 销毁控制器避免内存泄漏
    _latController.dispose();
    _lngController.dispose();
    _radiusController.dispose();
    _tabController?.dispose();
    super.dispose();
  }

第二步：正确构建输入框控件 #

在build方法中创建TextFormField，绑定对应的控制器，并用数字键盘优化输入体验：

@override
Widget build(BuildContext context) {
  return Scaffold(
    // ... 你的其他布局代码
    body: Column(
      children: [
        TextFormField(
          style: const TextStyle(color: Colors.white),
          controller: _latController,
          keyboardType: TextInputType.numberWithOptions(decimal: true),
          decoration: const InputDecoration(hintText: 'Enter latitude'),
        ),
        TextFormField(
          style: const TextStyle(color: Colors.white),
          controller: _lngController,
          keyboardType: TextInputType.numberWithOptions(decimal: true),
          decoration: const InputDecoration(hintText: 'Enter longitude'),
        ),
        TextFormField(
          style: const TextStyle(color: Colors.white),
          controller: _radiusController,
          keyboardType: TextInputType.numberWithOptions(decimal: true),
          decoration: const InputDecoration(hintText: 'Enter radius'),
        ),
        ElevatedButton(
          onPressed: _makeCircles,
          child: const Text("Draw Circle"),
        ),
        // ... 你的地图控件
      ],
    ),
  );
}

第三步：安全转换类型并绘制圆形 #

在_makeCircles方法中，从控制器获取输入字符串并转换为double，同时处理转换失败的异常情况：

Future<void> _makeCircles() async {
  setState(() {
    try {
      // 修剪输入内容并转换为double
      _latitude = double.parse(_latController.text.trim());
      _longitude = double.parse(_lngController.text.trim());
      _radius = double.parse(_radiusController.text.trim());
      
      if (_latitude != null && _longitude != null && _radius != null) {
        circles = {
          Circle(
            circleId: const CircleId("userCircle"),
            center: LatLng(_latitude!, _longitude!),
            radius: _radius!,
            fillColor: const Color.fromRGBO(255, 255, 255, .5),
            strokeColor: const Color.fromRGBO(247, 16, 0, .4),
          ),
        };
      } else {
        // 提示用户输入不完整
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(content: Text("请输入完整的纬度、经度和半径")),
        );
      }
    } catch (e) {
      // 处理非数字输入的错误
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text("请输入有效的数字格式")),
      );
    }
  });
}

为什么之前的代码报错？ #

1. 类型不匹配：你把TextFormField控件对象直接赋值给platitude变量，然后试图将控件转成double，这完全是类型错误，所以报了The argument TextFormField cant be assigned String。
2. 初始化时机错误：在类成员初始化器中（double n1 = double.parse(platitude);），此时platitude还未完成初始化，且double.parse是非静态方法，不能在成员初始化阶段调用，所以出现Only Static Members can be accessed as initializers的错误。

这样调整后，就能正确获取用户输入并转换为LatLng所需的double类型，同时兼顾了输入合法性的校验。

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