将控制器用作 TextEditingController(text:"Enter value") 时，如何使 TextField 小部件可编辑？

如何解决将控制器用作 TextEditingController(text:"Enter value") 时，如何使 TextField 小部件可编辑？

我一直在尝试使初始文本通过 controller:TextEditingController(text:"Enter DOB") 中的 TextField editable 中的 Flutter 小部件传递，但我找不到任何解决方案（暂时）。

我想让 selectedDate（或初始文本）在从 showDatePicker 内的 TextField 方法选择日期后可编辑。

所以我需要一些帮助。有办法吗？？

以下是我的代码。我想让控制器中的文本可编辑。

     TextField(
              // This controller will show the initial value as 'Enter DOB'
              // and when the Date is selected from the showDatePicker it will
              // get updated.
              controller: TextEditingController(
                // the text: property will check if the current value is null or not.
                // if null it will show the "Enter your DOB" text,else the selected## Heading ##Date
                // will get updated.
                text: validator.selectedDate == null
                    ? "Enter your DOB"
                    : "${validator.selectedDate}".split(' ')[0],),decoration: InputDecoration(
                suffixIcon: IconButton(
                  icon: Icon(Icons.calendar_today_rounded),onPressed: () {
                    validator.selectDate(context);
                  },labelText: "yyyy-mm-dd",onChanged: (String value) {
                validator.changeDOB(value);
              },);

哪里，

• selectedDate 是 DateTime 类型的变量，其初始值为 null。

• selectDate(BuildContext context) 是带有 showDatePicker(BuildContext context) 方法的方法。

• changeDOB(String value) 是一种将 selectedDate 值更新为 TextField 的方法。

注意：我使用 Provider 作为状态管理方法。

解决方法

我认为你必须将 TextEditingController 作为局部变量，然后用 setState()

是这样的：

import 'package:flutter/material.dart';

class DateTimeExample extends StatefulWidget {
  @override
  _DateTimeExampleState createState() => _DateTimeExampleState();
}

class _DateTimeExampleState extends State<DateTimeExample> {

  TextEditingController _dobController; // Local variable to store TextFiled text

  @override
  void initState() {
    // Initialize TextEditingController object with default text.
    _dobController = TextEditingController(text: "Enter your DOB: ");
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold( 
      body:Container(
        child: Center(
          child: TextField(
            controller: _dobController,decoration: InputDecoration(
              suffixIcon: IconButton(
                icon: Icon(Icons.calendar_today_rounded),onPressed: () {
                  String selectedDate=  validator.selectDate(context);
                  setState(() {
                  _dobController.text = selectedDate; // Change the text and refersh UI
                  });
                },),labelText: "YYYY-MM-DD",onChanged: (value) {
              validator.changeDOB(value);
            },);
  }
}

注意：您的 validator.selecteDate(Context) 函数必须返回 String 才能刷新您的状态。

,

已解决

我已经解决了我的问题，上面的答案给了我一个想法。

• 我刚刚声明了一个 TextEditingController()..text="Enter DOB" 变量并将其传递给 showDatePicker(BuildContext context) 方法。

• 然后我用 controller.text 的值输入 selectedDate.toString().split(' ')[0]。

• 还有以 changeDOB(controller.text) 作为参数的被调用的 controller.text。

• 以下是我的代码：

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

class MyClass with ChangeNotifier {
  // passing the initial text to the textField through controller.
  var controller = TextEditingController()..text = "Enter DOB";

  DateTime selectedDate; // initial value = null;
  selectDate(BuildContext context) async {
    var picked = await showDatePicker(
      context: context,initialDate: DateTime.now(),firstDate: DateTime(1800),lastDate: DateTime.now(),);
    if (picked != null && picked != selectedDate) {
      selectedDate = picked;
      // passing the selectedDate to the controller.
      controller.text = selectedDate.toString().split(' ')[0];
      changeDOB(controller.text);
    }
    notifyListeners();
  }
   void changeDOB(String value){
     //TODO: Your validation logic here.
  }
}