выпадающий список без сохранения выбранного значения

Question

У меня есть выпадающий список выбора флаттера:

как

ListTile(
        leading: const Icon(Icons.local_shipping),
        title: DropdownButton<String>(
          value: serviceProvider,
          // hint: const Text('Select Service Provider'),
          onChanged: (String newValue) {
            setState(() {
              serviceProvider = newValue;
            });
          },
          items: <Map>[{"id":"1","business_name":'Business Name 1'}, {"id":"3","business_name":'Business Name 3'}, {"id":"6","business_name":'Business Name 6'}, {"id":"5","business_name":'Business Name 5'}].map<DropdownMenuItem<String>>((Map value) {
            return DropdownMenuItem<String>(
              value: value['id'],
              child: Text(value['business_name']),
            );
          }).toList(),
        ),
        ),

Если я объявляю String serviceProvider = "6";, это просто отлично работает.но после выбора одного элемента из списка он там не сохраняется.

Я не могу выяснить, чего не хватает в моем коде,

Спасибо ")