Sou novo no Flutter e criei um DropdownButton no qual funciona perfeitamente. Porém preciso que o mesmo quando aberto, não preencha a tela inteira como mostra a imagem 1 e 2. Preciso que o DropdownButton abra da localização atual dele para baixo (mostrado na imagem 3), para que se o usuário se arrependa de ter aberto o DropdownButton consiga recolher o Dropdown e não seja obrigado a selecionar uma opção para que o DropdownButton seja recolhido ou utilizar da opção voltar do próprio aparelho. Isso é possível ou precisarei usar outro Widget?
Segue meu código abaixo:
DropdownButton<String>(
isExpanded: true,
value: expansionValue,
icon: Icon(Icons.arrow_downward),
iconSize: 28,
elevation: 16,
style: TextStyle(color: Colors.black, fontWeight: FontWeight.w600),
onChanged: (String newValue) {
setState(() {
expansionValue = newValue;
});
},
items: <String>['Box-1', 'Box-2', 'Box-3', 'Box-4','Box-5', 'Box-6',
'Box-7', 'Box-8', "Box-9", "Box-10", "Box-11", "Box-12", "Box-13",
"Box-14", "Box-15", "Box-16", "Box-17"]
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value, style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.w600)),
);
}).toList(),
),
Imagem 1
Imagem 2
Imagem 3 (como preciso que fique)