flutter - DropdownButtonFormField 不是第一次重置

Question

我想重置 DropdownButtonFormField。我设法通过将其设置为 null 并使用 globalkey 作为以下代码来重置它。

在这里，问题是我需要单击两次才能重置它。

注意：我知道使用 DropdownButton，我们可以更轻松地重置，但我的问题是为什么 DropdownButtonFormField 在我第一次单击时没有重置。

更新后：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  String abc;
  FocusNode _node = FocusNode();
  GlobalKey<FormState> _key = GlobalKey<FormState>();
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
          body: Form(
            key: _key,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Focus(
                  focusNode: _node,
                  onFocusChange: (bool focus) {
                    setState(() {});
                  },
                  child: Listener(
                    onPointerDown: (_) {
                      FocusScope.of(context).requestFocus(_node);
                    },
                    child: DropdownButtonFormField(
                      hint: Text('select value'),
                      value: abc,
                      items: <String>['A', 'B', 'C', 'D'].map((String value) {
                        return DropdownMenuItem<String>(
                          value: value,
                          child: Text(value),
                        );
                      }).toList(),
                      onChanged: (String newValue) {
                        setState(() {
                          abc = newValue;
                        });
                      },
                    ),
                  ),
                ),
                Text("value is $abc"),
              ],
            ),
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: () {
              setState(() {
                abc = null;
                _key.currentState.reset();
              });
            },
            tooltip: 'Reset',
            child: Icon(Icons.clear),
          )),
    );
  }
}

标签： flutterdartdrop-down-menu

Answer 1

您可能需要手动聚焦您还需要提供全局键来形成

FocusNode _node = FocusNode();
...


  Focus(
                focusNode: _node,
                onFocusChange: (bool focus) {
                  setState(() {});
                },
                child: Listener(
                  onPointerDown: (_) {
                    FocusScope.of(context).requestFocus(_node);
                  },
                  child: DropdownButtonFormField(
                    iconSize: 50,
                    onChanged: (s) {
                      setState(() {
                        abc = s;
                      });
                    },
                    hint: Text(
                      'Select Text',
                    ),
                    items: [
                      DropdownMenuItem(value: '1', child: Text('A')),
                      DropdownMenuItem(value: '2', child: Text('B')),
                      DropdownMenuItem(value: '3', child: Text('C')),
                      DropdownMenuItem(value: '4', child: Text('D')),
                    ],
                  ),
                ),
              ),

...
 FloatingActionButton(
          onPressed: () {
            setState(() {
              print("hello");
              abc = null;
              _key.currentState.reset();
            });
            // _flyIronMan();
          },
          child: Icon(Icons.add),
        ),