In this line the length is 0 but you assigned it as 1. so there is no value at index 0..

itemCount: fileList.length == 0 ? 1 : fileList.length,

change it to

itemCount: fileList.length,

it’s because _selectedItem[index] doesn’t yet exists when you first call it. _selectedItem is instantiated as an empty list (length of 0). so you can’t assign something to index 3 (for example).

if you just want to have a list with the selected items you’ll have to do a check for that:

if(_selectedItem.contains(value.toString()) return;
setState(() => _selectedItem.add(value.toString());

or if you want your dropdowns to be a toggle instead:

_selectedItem.contains(value) 
   ? _selectedItem.remove(value)
   : _selectedItem.add(value)  

I’ve a dropdown button inside a listview builder. User will upload multiple files and will select their different types using dropdown button. Listview length will be according to the number of selected files.

List<String> _selectedItem = [];
DropdownButton(
  hint: Text('Select type'),
  isExpanded: true,
  underline: Container(),
  value: _selectedItem[index].isNotEmpty ? _selectedItem[index] : null,
  items: _itemList.map((e) {
    return DropdownMenuItem(
      child: Text(e.description!),
      value: e.code,
    );
  }).toList(),
  onChanged: (value) {
    setState(() {
      _selectedItem[index] = value.toString();
    });
  })

But while I’m using list to get the selected value, it’ll throws error Error : RangeError (index): Invalid value: Valid value range is empty: 0.

ListView builder:

ListView.separated(
  itemCount: fileList.length == 0 ? 1 : fileList.length,
  separatorBuilder: (BuildContext context, int index) {
   return SizedBox(height: 8.h);
  },
  shrinkWrap: true,
  physics: NeverScrollableScrollPhysics(),
  itemBuilder: (context, index) {
// Other code

Here, fileList is number of selected files. Initially it’ll be 0 that’s why I’m setting it 1 so that user can see the Select File UI. Later the listview will generated according to number of selected files. For example, user selects 2 files. Then there’ll be 2 card and each card will contain File type dropdown, file name and comment.

How could I store the selected value into list and bind and display it into DropdownButton? Need help to get out from this issue…