Flutter DropdownButton未由setState更新

Question

我有这个颤动的代码。 当我从下拉列表中选择新项目时， _selectedCurrency的值会更新，但下拉按钮本身不会更新。 显示的项目始终是USD 。

import 'package:flutter/material.dart';

import 'coin_data.dart' as coinData;

class PriceScreen extends StatefulWidget {
  @override
  _PriceScreenState createState() => _PriceScreenState();
}

class _PriceScreenState extends State<PriceScreen> {
  String _selectedCurrency = "USD";
  DropdownButton _currencyDropdownButton;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Coin Ticker'),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Container(
            height: 150.0,
            alignment: Alignment.center,
            padding: EdgeInsets.only(bottom: 30.0),
            color: Colors.lightBlue,
            child: _currencyDropdownButton,
          ),
        ],
      ),
    );
  }

  @override
  void initState() {
    super.initState();

    _currencyDropdownButton = DropdownButton<String>(
      value: _selectedCurrency,
      items:
          coinData.currenciesList.map<DropdownMenuItem<String>>((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
      onChanged: (value) {
        setState(() {
          _selectedCurrency = value;
        });
      },
    );
  }
}

但是，如果我在build()创建了DropdownButton小部件，则一切正常，像这样

import 'package:flutter/material.dart';

import 'coin_data.dart' as coinData;

class PriceScreen extends StatefulWidget {
  @override
  _PriceScreenState createState() => _PriceScreenState();
}

class _PriceScreenState extends State<PriceScreen> {
  String _selectedCurrency = "USD";
  DropdownButton _currencyDropdownButton;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Coin Ticker'),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Container(
            height: 150.0,
            alignment: Alignment.center,
            padding: EdgeInsets.only(bottom: 30.0),
            color: Colors.lightBlue,
            child: DropdownButton<String>(
              value: _selectedCurrency,
              items: coinData.currenciesList
                  .map<DropdownMenuItem<String>>((String value) {
                return DropdownMenuItem<String>(
                  value: value,
                  child: Text(value),
                );
              }).toList(),
              onChanged: (value) {
                setState(() {
                  _selectedCurrency = value;
                });
              },
            ),
          ),
        ],
      ),
    );
  }
}

我试图通过不在build()上创建所有内容来使代码更简洁。
在initState()上创建窗口小部件是正确的方法吗？

谢谢

Answer 1

您为什么要将小部件放在initState() ？ 在重建过程中，只有build()内部的小部件会被更新，但是您在init中创建了一个不可变的小部件。 我提供给您使用provider包。 创建一个新的StatelessWidget类，并在根目录中使用ChangeNotifierProvider<String>()来在每次更改时重新ChangeNotifierProvider<String>()窗口小部件。

Answer 2

没有initState只调用一次，同时建设，如果声明中你不能改变，它可能可能的GlobalKey only.try与GlobalKey 。 以及何时setState(); ，称为构建方法获取更新。 因此我们只需要将小部件放入build方法中即可。