Opa, pessoal, tenho uma widget ButtonsTabBar e gostaria de crias as Tabs de acordo com registros do meu banco de dados Firebase.
Hoje tenho este cenário, por exemplo:
DefaultTabController(
animationDuration: Duration(milliseconds: 1000),
length: 2, //nomesProgramas.length,
child: Column(
children: <Widget>[
ButtonsTabBar(
contentPadding: EdgeInsets.symmetric(horizontal: 15),
backgroundColor: Color.fromARGB(255, 206, 38, 38),
unselectedBackgroundColor: Colors.grey[300],
unselectedLabelStyle: TextStyle(color: Colors.black),
labelStyle:
TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
tabs: [
Tab(
icon: Icon(
Icons.access_alarm,
),
text: "Teste 1",
),
Tab(
icon: Icon(
Icons.bluetooth,
),
text: "Teste 2",
),
],
),
/****** CHAMADA DAS PÁGINAS DO VALOR ATRIBUÍDO ******/
Expanded(
child: TabBarView(
children: <Widget>[
Center(
child: ValorAtribuidoCia(),
),
],
),
),
],
),
),
Que me gera esta saída:
Tenho em meu banco dois registros de exemplo: "Smiles" e "Azul". Porém, apenas o primeiro é retornado em tela.
Estou tentando jogar tudo em uma lista, e depois fazer um FOR na lista inserindo os "tabs".
Segue exemplo:
class _ValorAtribuidoState extends State<ValorAtribuido> {
FirebaseFirestore db = FirebaseFirestore.instance;
late List nomesProgramas = [];
Future recuperaProgramas() async {
db.collection("programas").snapshots().listen((snapshot) {
nomesProgramas.clear();
for (DocumentSnapshot item in snapshot.docs) {
nomesProgramas.add(item.get("nome"));
//print(item.get("nome"));
}
});
}
tabsProgramas() {
recuperaProgramas();
for (var programa in nomesProgramas) {
return Tab(
icon: Icon(
Icons.text_snippet,
),
text: programa.toString(),
);
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color.fromARGB(255, 226, 226, 226),
/****** BODY COM MENUS SUPERIORES ******/
body: SafeArea(
child: DefaultTabController(
animationDuration: Duration(milliseconds: 1000),
length: nomesProgramas.length,
child: Column(
children: <Widget>[
ButtonsTabBar(
contentPadding: EdgeInsets.symmetric(horizontal: 15),
backgroundColor: Color.fromARGB(255, 206, 38, 38),
unselectedBackgroundColor: Colors.grey[300],
unselectedLabelStyle: TextStyle(color: Colors.black),
labelStyle:
TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
tabs: [
tabsProgramas(),
],
),
/****** CHAMADA DAS PÁGINAS DO VALOR ATRIBUÍDO ******/
Expanded(
child: TabBarView(
children: <Widget>[
Center(
child: ValorAtribuidoCia(),
),
],
),
),
],
),
),
),
floatingActionButton: FloatingActionButton.extended(
onPressed: () {
recuperaProgramas(); // AQUI ESTOU RECUPERANDO OS PROGRAMAS SOMENTE PARA TESTE
},
splashColor: Color.fromARGB(255, 255, 115, 0),
backgroundColor: Color.fromARGB(255, 206, 38, 38),
icon: Icon(Icons.add),
label: Text(
"Adicionar",
style: TextStyle(letterSpacing: 0, fontWeight: FontWeight.bold),
)),
);
}
}
Se eu der um print, os dois estão sendo retornados:
Poderiam me ajudar? Sou novo em Flutter.