将回调传递给DropdownButton onChanged属性
DropdownButton是一个常用的下拉菜单组件，它通常用于在用户选择不同选项时触发相应的操作。在Flutter中，DropdownButton有一个onChanged属性，用于接收一个回调函数，当用户选择了下拉菜单中的某个选项时，该回调函数将被调用。
回调传递给DropdownButton onChanged属性的步骤如下：
- 首先，定义一个回调函数，用于处理用户选择下拉菜单中的选项。该回调函数的签名应为
void Function(T? value)，其中T是下拉菜单选项的数据类型。 - 在DropdownButton的onChanged属性中传递该回调函数。例如，可以将回调函数命名为
handleDropdownChange，然后将其传递给onChanged属性：
DropdownButton(
onChanged: handleDropdownChange,
// 其他属性
)- 在回调函数中实现相应的逻辑。例如，可以根据用户选择的选项执行不同的操作，或者更新相关的状态。
void handleDropdownChange(T? value) {
// 处理用户选择的选项
// 更新相关的状态或执行相应的操作
}DropdownButton onChanged属性的作用是将用户选择的选项传递给回调函数，以便开发者可以根据用户的选择做出相应的响应。在实际应用中，可以根据具体需求在回调函数中编写逻辑代码，例如更新界面、发送网络请求、执行计算等操作。
腾讯云相关产品中，如果需要在Flutter应用中使用下拉菜单组件，可以使用腾讯云的移动开发解决方案MPS（Mobile Development Solution）。MPS提供了丰富的移动开发组件和工具，包括下拉菜单组件，可以帮助开发者快速构建功能丰富的移动应用。
更多关于腾讯云移动开发解决方案MPS的信息，请参考：腾讯云移动开发解决方案MPS
相关·内容
我正在创建一个新的无状态Widget，以供以后重用 import 'package:flutter/material.dart';
class JumpDropdown extends StatelessWidget {
final int val;
final Function callback;
const JumpDropdown({Key? key, required this.val, required this.callback})
: super(key: key);
@override
Widget build(BuildC
浏览 3提问于2021-06-17得票数 0
回答已采纳
假设我们在ABC有状态小部件中创建了一个简单的DropdownButton ABCPageState。
class ABCPageState extends State<ABCPage> {
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Container(
child:
new DropdownButton(
hint: new Text("Please selec
浏览 1提问于2018-08-28得票数 3
我需要创建带有int项的DropdownButton小部件，但它不能像预期的那样工作。 代码如下： DropdownButton<int>(
hint: Text("Pick"),
items: <int>[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((int value) {
return new DropdownMenuItem<int>(
value: _number_tickets_total,
child: new Text(_number_ti
浏览 30提问于2019-01-26得票数 0
回答已采纳
我是个新手，正在学习Udacity的入门课程。在其中一项任务中，我试图遵循代码，但我无法理解它。下面是来自该项目解决方案的代码(我已经剪切并粘贴了重要的部分，以及合法的免责声明-我不拥有这些代码中的任何一个，它来自示例Flutter项目)：
Widget build(BuildContext context) {
final input = Padding(
padding: _padding,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
child
浏览 5提问于2020-03-22得票数 2
回答已采纳
我有一个单独的班级，在另一个班级的主页上放置单选按钮。射电类:下面是类型枚举，包含正则值和非规则值:类型_dtype = TYPE.regular；
Container(
child: Row(
children: <Widget>[
Container(
width: 180.0,
child: RadioListTile<TYPE>(
title: Text(
'Regular' ,
浏览 0提问于2019-02-23得票数 0
DropdownButton值在从DropdownItems中选择值后不会更新。如何用_selectedLocation更新默认值？
我使用的变量：
String? stateToCountry;
List? stateID;
List? cityJson;
Position? _position;
String? currentAddress;
Placemark? place;
DropdownButton(
hint:_selectedLocation==null ? Text('Dropdown') : Te
浏览 3提问于2021-09-01得票数 0
回答已采纳
4回答
我在ListTile中使用Checkbox，如下所示： ListTile(
leading: Checkbox(
value: _isChecked,
onChanged: (v) {
setState(() {
_isChecked = !_isChecked;
});
},
),
title: Text("is Bathroom"),
); 如何禁用复选框。我知道Checkbox小部件是无状态的。但material子包中是否有其他Widget可以做到这一点呢？类似于InputDecorator。
浏览 16提问于2018-09-05得票数 13
回答已采纳
我正在编写一个项目，并希望添加一个DropDownButton，但是一旦添加onCnange事件，它总是返回错误。下拉列表总是返回错误。我不知道这有什么问题。
@override
Widget build(BuildContext context) {
return Material( child: Column( children: [
DropdownButton(items: [], value: dropdownValue, onChanged: (String value) {
setState(() {
dropd
浏览 1提问于2021-06-05得票数 2
回答已采纳
1回答
我有两个小部件，它们是容器中的兄弟。一个小部件是一个自定义DropdownButton，另一个是自定义IconButton。
父部件：
static int _currentValue = 0;
Widget build(BuildContext context) {
return Row(
children: <Widget>[
Expanded(
child: GCWDropDownButton(
onChanged: (value) {
setState(() {
浏览 3提问于2019-11-23得票数 0
回答已采纳
我的下拉菜单使用Firebase来填充数据。最初，setState回调没有对onChanged属性进行任何更改。通过修改提示文本，我终于改变了这一点--它现在起作用了，但绝对不是我想要的那样。
我的代码：
StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance
.collection('field_management')
.orderBy('block_name')
.snapshots(),
builder: (context, snapsh
浏览 3提问于2022-06-29得票数 0
回答已采纳
我在一个组件中有一个呈现，如下所示：
render() {
if (!this.props.authorities) {
return <div>Loading...</div>
}
return (
<div>
<Col xsOffset={0.5} md={2}>
<ButtonGroup Col xsOffset={1} md={4} justified centered>
&
浏览 0提问于2017-09-10得票数 0
回答已采纳
选择类别时，项目将根据类别显示，但当我在“产品”下拉列表中提交时，会出现错误。
这是我的Code...please帮手。
Widget _prepareCategoryDDL() {
return Container(
width: 350,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10),
boxShadow: [
BoxShadow(
浏览 5提问于2022-11-14得票数 0
1回答
Flutter Dropdownbutton selected值未更改我正在使用dropdownbutton并使用Product model映射数据，但onchange我的值未更改
DropdownButtonHideUnderline(
child: DropdownButton<Product>(
hint: Text("Select Product"),
dropdownColor: Colors.white,
浏览 18提问于2021-02-23得票数 0
回答已采纳
我想通过使用背景页面和.tabs api来实现这一点。我试过了
chrome.storage.onChanged.addListener(function() {
chrome.tabs.query({
currentWindow: true,
url: "*://www.facebook.com/*"
}, function(tabs) {
chrome.tabs.remove(tabs)
})
})
但没有成功。我得到的错误是：
我做错了什么吗？事实上，我有一个facebook标签打开，所以我知道
浏览 1提问于2014-04-26得票数 0
回答已采纳
1回答
我是非常新的颤音和正在练习使用下拉按钮。因此，我制作了一个基本的应用程序，它允许您创建新的字符串值，然后存储在云上，然后用这些值填充下拉按钮。我想添加一个功能，我们可以编辑下拉菜单项目的成员通过长按压它。
这是我的下拉菜单按钮
StreamBuilder<QuerySnapshot>(
stream: _fireStore.collection("items").orderBy("value").snapshots(),
builder: (context, snapshots)
浏览 1提问于2020-04-27得票数 0
回答已采纳
这是在Class状态中定义的：
static var _priorities = ["High", "Low"];强文本
这是在构建小部件中：
ListTile( title: DropdownButton( items: _priorities.map((String dropDownStringItem) { return DropdownMenuItem<String>( value: dropDo
浏览 3提问于2020-03-23得票数 0
我创建了一个作为StatefulWidget的DropdownButton。这个类称为MyDropDown，对应的状态称为MyDropDownState。
我在MyDropDownState类中创建了一个重置函数：
void reset(){
setState((){
_selection = null;
});
}
这将把选择设置为null，并设置dropdown的状态，从而有效地重置dropdown。
问题的核心是，当AppBar上的IconButton被按下时，我必须调用此函数。我尝试了多种方法，但就是无法访问我创建的MyDropDown类的状态。
这是M
浏览 0提问于2018-03-26得票数 14
回答已采纳
我试图使用容器来选择下拉菜单，方法是用容器包装下拉按钮，然后使用手势检测器。但我搞错了
参数类型'void (String？)‘不能赋值给参数类型'void ()？‘
但是，如果我使用下拉菜单上的不改变函数，它就能正常工作。
GestureDetector(
onTap: (String? newValue){
setState(() {
dropdowntargetGroupValue = newValue!;
});
},
c
浏览 12提问于2021-12-13得票数 0
7回答
我想将图标添加到DropDownButton的左侧，但找不到这样做的方法。我想达到这样的目的：
我尝试了以下代码，但它将图标放置在我不想要的地方，它还覆盖箭头图标：
`@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
margin: EdgeInsets.only(top: 64.0, left: 16.0, right: 16.0),
color: Colors.white,
child: DropdownButton(
浏览 6提问于2019-11-17得票数 27
回答已采纳
我是flutter.iam的初学者，创建了一个DropdownButton来列出items.item很好地加载在DropdownButton上，加载项被选中，而不是显示在DropdownButton上，我不知道。到目前为止，我尝试的是我在下面所做的尝试。onChanged：(value) => setState(() => this.valueschoose = value， )
DropdownButton<String>(
items: <String>['A', 'B', '
浏览 4提问于2022-05-22得票数 0
我刚刚开始学习flutter和一些让我困惑的东西，因为下面的图片我创建了一个可重用的小部件-一行包含两个下拉菜单，分别是月份和年份。当我在另一个小部件中导入和使用它时，我不知道如何从可重用的小部件中访问选定的月份和选定的年份。
class MonthYearPicker extends StatefulWidget {
@override
_MonthYearPickerState createState() => _MonthYearPickerState();
}
class _MonthYearPickerState extends State<MonthYearP
浏览 5提问于2018-12-05得票数 0
是否有一种方法可以知道DropDownButton何时关闭其项目？我知道有一个onChanged参数，但只有在您从项中选择某些内容时才会调用该参数。我想知道用户是否只是在下拉列表之外点击并关闭项目。
我的下拉
DropdownButton(
isDense: true,
isExpanded: true,
value: _currentSelected,
iconSize: 16,
underline: const SizedBox.shrink(),
style: _determineTextStyle(),
hint: _hintText(),
icon:
浏览 6提问于2021-03-20得票数 0
Flutter DropdownButton显示出一些奇怪的行为:当禁用它时，它会显示小部件disabledHint，而不是所选值(必须通过将onChanged设置为null来完成)。 如何显示选中的值？ 下面是我的示例代码： import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return
浏览 39提问于2020-01-29得票数 1
回答已采纳
1回答
我有3个变量，包含可以传递给message的文本。
String easyDrop = 'All ok';
String mediumDrop = '1 problem';
String hardDrop = 'All not ok';
message: easyDrop ,
我想根据我的DropDownButton状态来更改它们。我该怎么做？
import 'package:flutter/material.dart';
class DropDownButtonDifficultySettingsWidget extends
浏览 1提问于2022-08-10得票数 0
如何绕过包含DropDownButtonItems的DropdownButton打开列表的边缘？
这就是我所拥有的：
String selectedValue;
DropdownButtonHideUnderline(
child: DropdownButton<String>(
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: 18,
color: Colors.black,
),
isExpanded: true,
value: s
浏览 2提问于2020-05-12得票数 0
回答已采纳
1回答
为什么这个下坠失败了？
、、、、
下面是构建方法中的代码
Column(
children: [
DropdownButton<String>(
value: dropdownvalue,
items: <String>['A', 'B', 'C', 'D']
.map((String value
浏览 5提问于2022-04-29得票数 0
我有一段在Flutter中呈现DropdownButton的代码。我需要几个下拉列表，所以我将其提取到一个方法中，以调用我需要的每个实例。在其中，我传递了所选值的状态变量，以及所有选项。在DropdownButton内部，我有一些方法用于更新DropdownButton onChanged方法中的selected。 因此，当我调用该方法而不是就地使用它时，问题就出现了，因为onChanged和onClear的函数不会重新构建小部件，因为它们不会在调用dropdown方法之外更新状态变量。做这件事最好的方法是什么？如果我从外部传入函数，它确实可以工作，但之后我将不得不复制一些代码。我应该将它重
浏览 11提问于2020-07-09得票数 0
回答已采纳
如果有人能帮我解决这个问题。因此，我可以使用下面的代码获取并插入下拉按钮。如果我选择第一个下拉列表，那么列表将相应地显示第二个下拉列表，如果我选择另一个值，列表就会发生变化。但是，当我不止一次在列表中进行选择时，它会给出一个错误，例如：
引发了另一个异常:应该有一个具有DropdownButton值的项:软膏.
检测到的值为0或2或更多DropdownButton。值相同。
我认为这是因为我正在调用按钮的onChanged:中的函数。任何帮助都将不胜感激。谢谢!
注意:我也只将dynamicDropDownMainCategory()函数放在initState中。
//FIRST DROPDO
浏览 3提问于2020-04-06得票数 1
2回答
我有一个小部件：
DropdownButton<String>(
value: rentPeriod,
items: rentPeriods.map((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(translate("expense.$value")),
);
}).toList(),
onChang
浏览 1提问于2021-06-18得票数 0
回答已采纳
我在flutter中有一个下拉按钮：
DropdownButton(
value: _value,
items: [
DropdownMenuItem(
child: Text("First Item"),
value: 1,
),
DropdownMenuItem(
child: Text("Second Item"),
value: 2,
),
DropdownMenuItem(
child: Text(&
浏览 12提问于2021-05-13得票数 0
回答已采纳
首先，这是我的情况。我正在尝试将第一个屏幕(左图片)上的Dropdownbutton和Date & Time选择器中填写的所有数据传递到第二个屏幕(右图片)。问题是，我将DropDownButton小部件提取到另一个类中，但我不知道如何实现它。 ? ? 在此之前，这是第一个屏幕代码： class InformationDetail extends StatefulWidget {
static const String id = 'InformationDetail';
@override
_InformationDetailState cre
浏览 32提问于2020-07-12得票数 0
回答已采纳
我正在编写一个颤振的web应用程序，并在我的代码库中添加一些小部件测试。我很难使flutter_test按预期工作。当前我面临的问题是试图在DropdownButton中选择一个值。
下面是复制问题的完整小部件测试代码：
void main() {
group('description', () {
testWidgets('description', (WidgetTester tester) async {
await tester.pumpWidget(MaterialApp(
home: Card(
浏览 8提问于2020-10-22得票数 6
回答已采纳
这个问题与Flutter有关。我在TextField上有一个DropdownButton，如下所示：
DropdownButton<String>(
isExpanded: true,
hint: Text(associatedHint),
disabledHint: Text(associatedHint),
items: diagnosesList.map((int value) {
return DropdownMenuItem<String>(
浏览 10提问于2020-02-07得票数 1
我又回到了DropdownButton的另一个问题上。
未启用DropdownButton。我在api.flutter.dev里找到了这个
如果onChanged回调为null或项目列表为null，则将禁用下拉按钮，即其箭头将以灰色显示，并且不会响应输入。
下面是我的代码：
return new DropdownButton<String>(
hint: new Text("Select Agency"),
value: _currentAgency,
浏览 3提问于2021-05-12得票数 0
回答已采纳
我使用的是DropdownButton，我面临以下错误。打开DropdownMenuItem列表时，我没有按钮本身的缩进。也就是说，我需要在按钮(DropdownButton)和下拉列表(DropdownMenuItem)之间获取DropdownButton，以便有一个距离。但到目前为止我还没能做到。你怎么能在他们之间做出让步呢？
码
@override
Widget build(BuildContext context) {
return SizedBox(
width: widget.width,
child: DropdownButtonHideUnd
浏览 6提问于2022-05-07得票数 0
回答已采纳
2回答
我有三个下拉菜单，如果满足某些条件，我希望第四个菜单显示为ONLY (Favourite Animal = Cat)。我也希望第四个下拉菜单在条件不再正确的时候消失。现在，如果我手动保存文件并执行热重新加载，则会显示更改，因此我猜想它与setState()有关，而filter.dart-file中没有包含它。
文件1- filter.dart：
import 'package:flutter/material.dart';
import './dropdown.dart';
class Filter extends StatefulWidget {
@ov
浏览 3提问于2020-02-19得票数 1
回答已采纳
我想把这个国家代码添加到DropdownButton
国家是我的数据类。
DropdownButton<Country> androdDropDown(BuildContext context) {
List<DropdownMenuItem<Country>> dropDownItems = [];
List countryList =
getAppState(context).counties.where((i) => i.code).toList();
return DropdownButton<
浏览 3提问于2022-05-28得票数 0
回答已采纳
2回答
我很困惑。我很想学习如何传递我在异步函数中获得的值。
我有一个具有基本身份验证功能的模块。在登录中，我要求用户模型搜索具有给定用户名的用户。
login: function(req){
var username = req.body.username,
password = req.body.password;
user.find(username);
}
然后，用户模型就会继续这样做。
exports.find = function(username){
console.log(User.find({username: username}, function
浏览 1提问于2013-02-19得票数 1
回答已采纳
3回答
我想从我的Flutter web应用程序的另一个类的下拉菜单中获取当前选择的值。由于dropdownValue变量是局部变量，因此不能在其类的作用域之外使用。这是我尝试过的：
class _DPWidgetState extends State < DPWidget > {
String dropdownValue = '1';
@override
Widget build(BuildContext context) {
return DropdownButton < String > (
value: dropdownValue
浏览 2提问于2020-06-24得票数 0
我是Dart新手，尝试从DropdownButton小部件中提取一个值，但遇到了问题。我肯定我漏掉了什么。 class ChooseBagNum extends StatefulWidget{
@override
_ChooseBagNumState createState(){
return _ChooseBagNumState();
}
String get sValue{
return _ChooseBagNumState.selectedValue;
}
}
class _ChooseBagNumState extends State<C
浏览 39提问于2020-01-08得票数 1
我用Flutter写了一些代码，我不明白为什么我要这样写。如果我想返回DropdownButton，为什么名称必须在函数getDropdownBotton之前？我的意思是，为什么我必须写它，为什么这个代码没有它就不能工作？另外，为什么我必须在返回DropdownButton时编写代码？
DropdownButton<String> getDropdownBotton() {
return DropdownButton<String>(
value: selectedCurrency,
items: getDropdownItems(),
on
浏览 1提问于2019-12-17得票数 0
我有两个DropDownButton在一排。
DropdownButtonHideUnderline(
child: DropdownButton(
isExpanded: true,
value: item,
items: widget.items.map((item) {
return DropdownMenuItem(
value: item,
child: Text(
item.toString(),
);
}).toList
浏览 11提问于2022-01-10得票数 0
1回答
我试着去做，但我犯了个错误。我想知道是不是有什么漏洞。此外，是否有一种方式使菜单打开以下显示的值？
以下是代码：
import 'package:flutter/material.dart';
import './grile_view.dart';
class Grile extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return GrileState();
}
}
class GrileState extends State
浏览 2提问于2020-07-29得票数 0
回答已采纳
我的DropdownButton()有点问题，它给了我这个错误。我不知道这是怎么回事..。
Couldn't infer type parameter 'T'.
Tried to infer 'dynamic' for 'T' which doesn't work:
Parameter 'onChanged' declared as 'void Function(T?)?'
but argument is 'void Function(Obje
浏览 11提问于2022-02-23得票数 0
回答已采纳
我需要一种方法来使dropdownmenu的宽度小于dropdownbutton的宽度，我想让按钮更大，当你打开菜单时，它是可见的。如果我将dropdownbutton按钮包装在容器中，按钮也会变得更小，并且很难点击。
下面是我的代码：
Container(
width: double.infinity,
height: widgetHeight,
child: DropdownButtonHideUnderline(
child: DropdownButton<String>(
onC
浏览 50提问于2021-06-12得票数 0
1回答
我试图创建一个包含三个下拉按钮的行，但是这个错误我不明白为什么会出现
应该有一个具有DropdownButton值的项目: jan。检测到零或更多个DropdownMenuItems，其值为‘package:flutter/src/ Either /dropdown.dart. were’：失败断言:第805行pos 15：‘==空值\}(items.where)((DropdownMenuItem项){返回item.value ==值；}).length == 1’。
这是我的初始值和我在下拉按钮值中使用的列表。
var selected="Arabic";
var s
浏览 2提问于2020-02-06得票数 1
回答已采纳
我有以下代码
class InteriorDropdownButton extends StatefulWidget {
const InteriorDropdownButton({Key? key}) : super(key: key);
@override
_InteriorDropdownButtonState createState() => _InteriorDropdownButtonState();
}
class _InteriorDropdownButtonState extends State<InteriorDropdownButton>
浏览 7提问于2022-02-02得票数 0
我一直在努力移除颤振的DropdownButton左填充，这样它才能与下面的TextField匹配。有人能帮忙吗？
这是我的密码：
DropdownButton<MenuModel>(
itemHeight: itemHeight,
isExpanded: true,
underline: null,
value: currentValue,
hint: Text(placeholder, style: hintStyle),
style: textStyle,
disabledHint: Text(currentValue?.label ?? plac
浏览 8提问于2021-12-08得票数 0
回答已采纳
我同时使用DropdownButton和TextEditingController遇到了问题。我尝试在屏幕上使用文本输入获取用户表单数据，解析我收到的数据，并通过http.post的API调用发送它。由于应用程序的结构，我必须使用控制器。 我应该如何定义变量？或者我应该如何设置DropdownButton字段？ 我收到这个错误：“应该正好有一个项目的DropdownButton的值”。这是完整的错误； Exception has occurred.
_AssertionError ('package:flutter/src/material/dropdown.dart': F
浏览 23提问于2021-01-31得票数 0
回答已采纳
1回答
如何使文本扩展到它的内容？我试过了 child: DropdownButtonHideUnderline(
child: DropdownButton<String>(
items: _currentCitySelected.area
.map((String dropDownStringItem) {
retu
浏览 7提问于2019-01-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
