flutter - 以编程方式更改 DropdownButtonFormField 值

Question

我正在尝试使用 setState 更改事件(例如按下按钮)的 DropdownButtonFormField 值。但它不起作用。

注意:如果我使用 DropdownButton，它可以工作，但使用 DropdownButtonFormField 它没有响应。

这是一个简单的代码，显示了我正在尝试实现的内容。

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Testing(),
    );
  }
}

class Testing extends StatefulWidget {
  @override
  _TestingState createState() => _TestingState();
}

class _TestingState extends State<Testing> {
  String selectedValue;
  @override
  Widget build(BuildContext context) {
    return Material(
      child: Column(
        children: <Widget>[
          DropdownButtonFormField(
            value: selectedValue,
            items: ['one', 'two'].map((value) {
              return DropdownMenuItem<String>(
                value: value,
                child: Text(value),
              );
            }).toList(),
            onChanged: (value) {
              setState(() {
                selectedValue = value;
              }); 
            },
          ),
          RaisedButton(
            child: Text('test'),
            onPressed: (){
              setState(() {
                selectedValue = 'two';
              });
            },
          ),
        ],
      ),
    );
  }
}

Answer 1

从 Global Key 定义实例变量并将其传递给 DropdownButtonFormField

final dropdownState = GlobalKey<FormFieldState>();

你可以通过调用这个方法来改变dropDownFieldItem的值

dropdownState.currentState.didChange('two');

最终代码:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Testing(),
    );
  }
}

class Testing extends StatefulWidget {
  @override
  _TestingState createState() => _TestingState();
}

class _TestingState extends State<Testing> {
  String selectedValue;
  final dropdownState = GlobalKey<FormFieldState>();

  @override
  Widget build(BuildContext context) {
    return Material(
      child: Column(
        children: <Widget>[
          DropdownButtonFormField(
            key: dropdownState,
            value: selectedValue,
            items: ['one', 'two'].map((value) {
              return DropdownMenuItem<String>(
                value: value,
                child: Text(value),
              );
            }).toList(),
            onChanged: (value) {
              setState(() {
                selectedValue = value;
              });
            },
          ),
          RaisedButton(
            child: Text('test'),
            onPressed: () {
              dropdownState.currentState.didChange('one');
            },
          ),
        ],
      ),
    );
  }
}