如何在 flutter 中更改底部 sheet 对话框中的文本？

Question

我想更改底部 sheet 对话框中的文本小部件中的值，但我找不到实现它的方法

showBottomDialog(
      context: context,
      allowBackNavigation: true,
      title: "Modifier la photo de profile",
      content: 'Contain TextFormField',
      actions: [
        Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            TextFormField(
              decoration: InputDecoration(
                labelText: 'Nom',
                labelStyle: TextStyle(
                  fontFamily: 'Montserrat',
                  fontWeight: FontWeight.bold,
                  color: Colors.grey,
                ),
                focusedBorder: UnderlineInputBorder(
                  borderSide: BorderSide(
                    color: kPrimaryColor,
                  ),
                ),
              ),
              controller: _nom,
              onChanged: (value){
                setStat(){
                _new_name = value;
                }
                
              },
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return 'Veuillez remplir ce champ';
                }
                return null;
              },
            ),
            SizedBox(height: 10.0),
            Text(_new_name);
])])

我想知道在 TextFormField 中输入内容后，是否有办法在 flutter 中更改 showModalBottomSheet 中的文本。否则，我需要为 TextFormField 中的每个更改实时更新 Text Widget 中的值。

请帮助我

Answer 1

在 showDialog return StatefulBuilder.

 showBottomDialog(
            context: context,
            builder: (context) => StatefulBuilder(
              builder: (context, setStateSB) => yourDialogWidget(),
            ),
          );

并使用 setStateSB 更新 UI 内部对话框，如 setStateSB((){....})

您可以查看 this answer 以了解有关更新 UI 对话框的更多信息。

如何在 flutter 中更改底部 sheet 对话框中的文本？

How to change text inside bottom sheet dialog in flutter?

dart

flutter

bottom-sheet

flutter-showmodalbottomsheet