Setting Text Input form from Slider.

[jamiethain]

I have a tree

  FormBuilder child:(Column(children:[ 
     FormBuilderSlider(...),
     FormBuilderTextField(...)   
     

What I want to do is update the values in the text field as the slider changes and I tried setting and initial value in the TextField and calling a setState () and setting as a property in the stateful class.

I had the FormBuildSlider onChanged call

 void _setBidValue(val)
  {
    setState(() {
      _bidValue = val;
    }); 
  }

Is there a proper way to set the values on the FormBuilder ?

With thanks,

[danvick]

Hi @jamiethain,
That's not normally how you'd go about changing the value of a TextField in Flutter.
I think the best way to go is to define a TextEditingController and use that to change the value of the TextField.
See my approach below:

TextEditingController _controller = TextEditingController();

@override
Widget build(BuildContext context) {
    return FormBuilder(
        key: _fbKey,
        child: Column(
        children: <Widget>[
            FormBuilderSlider(
                attribute: "slider",
                validators: [FormBuilderValidators.min(6)],
                onChanged: (val){
                    _controller.text = val.toString();
                },
                min: 0.0,
                max: 10.0,
                initialValue: 7.0,
                decoration: InputDecoration(
                    labelText: "Number of things",
                ),
            ),
            FormBuilderTextField(
                attribute: "text",
                controller: _controller,
            ),
        ],
    ),
);
}

Hope that helps.
Cheers!