时间戳

首页 > 解决方案 > 选择新值后 Flutter DropDownButton 值不变

flutter - 选择新值后 Flutter DropDownButton 值不变

问题描述

我一直在尝试制作一个外部 UI，用户可以使用它来对云中的数据库（dynamodb）进行某些更改。当我选择一个新值时，我希望它显示用户想要进行的更改，而不实际更改数据库。只有当我按下应用栏上的按钮时，才会保存更改。此外，当我使用 setState 重建按钮时，云上的值不会改变，它也会改变列中所有按钮的值（没有 setState 可以正常工作）。当我按下保存图标时，我提供的代码会更改数据库，但下拉按钮的值保持不变，除非我刷新页面。如果我没有足够清楚地解释我的问题，我深表歉意，这是我第一次在 Stackoverflow 上发帖，我仍在学习如何使用颤振和 aws amplify。

body: InteractiveViewer(
    constrained: false,
    child: DataTable(
        columns: [
          DataColumn(label: Text('Apt #')),
          DataColumn(label: Text('Type')),
          DataColumn(label: Text('Availability')),
          DataColumn(label: Text('Price')),
          DataColumn(label: Text('Area'))
        ],
        rows: aprts.map<DataRow>((element) { //aprts is a list that contains apartment objects.
          return DataRow(cells: [
            DataCell(Text(element.aptNum.toString())),
            DataCell(Text(element.type)),
            DataCell(DropdownButton<String>( /// this is the part im having problems wi
              value: element.availabily, // gets the value for the availability attribute for the element and stores it into value.
              onChanged: (String newValue) {
                availValue = newValue; //stores the newValue in a global variable that is used in a function that is used toactually make changes to the database.
                tempAvail = element;
                
              },
              items: <String>['AVAILABLE', 'SOLD', 'RESERVED']
                  .map((String value) {
                return DropdownMenuItem<String>(
                  value: value,
                  child: Text(value),
                );
              }).toList(),
            )), // end of problem. 
            DataCell(TextField(
              controller: TextEditingController()
                ..text = element.price.toString(),
              onChanged: (text) {
                aptPrice = text;
                tempPrice = element;
              },
            )),
            DataCell(TextField(
              controller: TextEditingController()..text = element.area,
              onChanged: (text) {
                aptArea = text; 
                tempArea = element;
              },
            )),
          ]);
        }).toList()),
  ),

应用程序的外观。 按下按钮后

标签： flutterdartamazon-dynamodbaws-amplifyflutter-aws-amplify

解决方案

利用

onChanged: (String newValue) {
                setState(() {
                   availValue = newValue; 
                   tempAvail = element;
                  }
                 )
                },

因为对于 UI 中的每一次更改，您都必须调用setState((){})

推荐阅读