如何使用 StreamBuilder 更新 TextField 的值？

Question

我有一个textfield，我在我的应用程序中使用sqflite 数据库。 sqflite 有一个值，我需要分配给我的textfield

这是我的textfield 代码

 StreamBuilder<String>(
    stream: patientHealthFormBloc.doctorName,
    builder: (context, snapshot) {
      return TextFormField(
        initialValue: patientHealthFormBloc.doctorNameValue,
        onChanged: (value) {
          patientHealthFormBloc.doctorNameChanged(value);
        },
        ...

现在在我班级的initstate 方法中，我正在从数据库中获取值。 这是一个异步操作，所以需要时间。

我的 bloc 类有如下代码

Function(String) get doctorNameChanged => _doctorName.sink.add;

所以一旦我从数据库中收到值，我就会调用以下内容

doctorNameChanged("valuefromdatabase");

但我看不到我的文本字段中的值。我的数据库中也存在一个值。 是否可以在不使用TextEditingController 或setState 的情况下更新值。我想避免这些，因为我的班级被分成很多块，而且太复杂而无法使用上述任何一种 我尝试对RadioButton 和CheckBox 使用相同的方法，它们似乎可以正确更新。 该值也在数据库中存在的_doctorName.stream.value 中更新，但textfield 不显示任何数据。我还尝试更改textfield 的颜色，所以那里没有问题，而且我可以看到我输入的内容。

我已经做了一个应用程序的小演示https://github.com/PritishSawant/demo/tree/master/lib

我没有使用sqflite，而是使用shared preferences，但问题仍然存在

Answer 1

尝试以下方法：

StreamBuilder<String>(
  stream: patientHealthFormBloc.doctorName,
  builder: (context, snapshot) {
    String doctorName = patientHealthFormBloc.doctorNameValue;
    if(snapshot.hasData){
      doctorName = snapshot.data/*(your name string from the stream)*/;
    } 
    return TextFormField(
      initialValue: doctorName,
      onChanged: (value) {
        patientHealthFormBloc.doctorNameChanged(value);
      },
    ...

Answer 2

我的 cmets 中的建议是这样的：

TextEditingController _textEditingController = TextEditingController();

@override
void initState() {
  patientHealthFormBloc.doctorName.listen((snapshot){
    setState((){
      _textEditingController.text = snapshot;
    });
  });
  super.initState();
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Column(
      children: <Widget>[
      TextFormField(
        controller: _textEditingController,
        onChanged: (value) {
          patientHealthFormBloc.doctorNameChanged(value);
        },
      ],
    ),
  );
}

我不想在不理解您为什么不想使用 TextEditingController 或 setState 的情况下写下这个答案。但这应该可以在使用 Bloc 模式时达到您想要的效果。

Answer 3

好的，所以我终于找到了解决问题的方法。

以下是我的代码，我刚刚在下面的示例中使用了SharedPreferences 而不是sqflite。sqflite 也可以做同样的事情

class _MyHomePageState extends State<MyHomePage> {

  MyBloc myBloc = MyBloc();
  TextEditingController myController = TextEditingController();

  @override
  void dispose() {
    myBloc?.close();
    myController?.dispose();
    super.dispose();
  }

  @override
  void initState() {
    super.initState();
    AppPreferences.setString("data", "this is my data");
    AppPreferences.getString("data").then((value){
      myBloc.dataChanged(value);
    });
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: StreamBuilder(
          stream: myBloc.data,
           builder: (context,snapshot){

            debugPrint(snapshot.data);
            myController.value = myController.value.copyWith(text: myBloc.dataValue);

            return TextFormField(
              controller: myController,
              onChanged: (value){
                myBloc.dataChanged(value);
              },
            );
           },
        ),
      ),
    );
  }
}