First of all, I try to google first but still not find the solution. Also, I try many options that I found on SO from googling but still not working. So, I open the question.
My code:
class AddRiderScreen extends StatefulWidget {
@override
_AddRiderScreenState createState() => _AddRiderScreenState();
}
class _AddRiderScreenState extends State<AddRiderScreen> {
String _riderNameSelected = '';
final List _listRiderName = [
'Personal Accident (Risk A)',
'Personal Accident (Risk B)',
'Personal Accident (Risk C)'
];
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
title: Text('Title'),
backgroundColor: Colors.white,
),
body: Padding(
padding: const EdgeInsets.all(16),
child: DropdownButtonHideUnderline(
child: DropdownButton(
hint: Text('-- Pilih --'),
isExpanded: true,
value: _riderNameSelected,
items: _listRiderName.map((value) {
return DropdownMenuItem(
child: Text(value),
value: value,
);
}).toList(),
icon: Icon(
Icons.arrow_drop_down,
color: Colors.grey,
),
onChanged: (value) {
setState(() {
_riderNameSelected = value;
});
},
),
),
),
);
}
}
The Error:
There should be exactly one item with [DropdownButton]'s value: A.
Either zero or 2 or more [DropdownMenuItem]s were detected with the same value
'package:flutter/src/material/dropdown.dart':
Failed assertion: line 834 pos 15: 'items == null || items.isEmpty || value == null ||
items.where((DropdownMenuItem<T> item) {
return item.value == value;
}).length == 1'
Can someone know this problem and found the solution to how to fix this? Because I don't know how to fix this problem.