Tenho um código onde faz a busca no banco de dados e retorna uma Future<List>
e estou querendo passar essa lista para o items
do DropDownButton
então mapeei essa lista dessa forma:
DropdownButton(
items: snapshot.data
?.map((e) => DropdownMenuItem(
child: Text(e.toString()),
value: e,
))
.toList(),
onChanged: (value) {
setState(() {
_.selectedNum = value as int;
});
})
Para o código acima funcionar, usei o FutureBuilder
, passando como future
a minha função que retorna a Future<List>, builder(context,snapshot)
Logo após, o setState
no selectedNum
para receber o novo valor, porém quando seleciono outro valor no dropDownButton
, seu value
, não altera conforme mandei no setState
, mantendo o valor padrão que foi definido como _.selectedNum = snapshot.data?[0];
Observação:
O _.selectedNum
está vindo da minha classe Controller
que tem herança do GetxController
, estou usando a lib get
nesse projeto
Código Completo:
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'dart:async';
Future<List> getNumCasas() async {
final casas = await getCasas();
List numCasas = [];
casas?.forEach((element) {
numCasas.add(element.numero);
});
return numCasas;
}
class Controller extends GetxController {
int selectedNum = 0;
void atribuiValor(int value) {
selectedNum = value;
update();
}
}
class AlugarCasa extends StatefulWidget {
const AlugarCasa({super.key});
@override
State<AlugarCasa> createState() => _AlugarCasaState();
}
class _AlugarCasaState extends State<AlugarCasa> {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: GetBuilder<Controller>(
init: Controller(),
builder: (_) {
return Scaffold(
appBar: AppBar(
leading: IconButton(
icon: Icon(Icons.arrow_back),
onPressed: () => Get.back(),
),
title: Text('Alugar Casas'),
),
body: FutureBuilder(
future: getNumCasas(),
builder: (context, snapshot) {
if (snapshot.data == null) {
return Center(
child: Text(
'Carregando...',
style: TextStyle(fontSize: 30),
),
);
} else {
_.selectedNum = snapshot.data?[0];
return Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Text(
'Insira as informações do inquilino',
style: TextStyle(fontSize: 20),
),
TextField(
decoration: InputDecoration(label: Text('Cpf')),
onChanged: (value) {},
),
TextField(
decoration: InputDecoration(label: Text('Nome')),
onChanged: (value) {},
),
TextField(
decoration:
InputDecoration(label: Text('Celular')),
onChanged: (value) {},
),
TextField(
decoration:
InputDecoration(label: Text('Indicação')),
onChanged: (value) {},
),
TextField(
decoration:
InputDecoration(label: Text('Observação')),
onChanged: (value) {},
),
Row(
children: [
Text('Número: ${_.selectedNum}'),
DropdownButton(
items: snapshot.data
?.map((e) => DropdownMenuItem(
child: Text(e.toString()),
value: e,
))
.toList(),
onChanged: (value) {
setState(() {
_.selectedNum = value as int;
});
})
],
),
ElevatedButton(
style: ButtonStyle(
padding: MaterialStateProperty.all(
EdgeInsets.all(20))),
onPressed: () {},
child: Row(
children: [
Icon(Icons.person_add),
Text(
' Alugar',
style: TextStyle(fontSize: 20),
)
],
))
],
),
);
}
}),
);
}),
);
}
}
Alguém pode me ajudar e entender como resolver esse problema?
Obrigado!