¿Hay alguna manera de hacer una lista desplegable dentro de una TabBar en Flutter?

Answer

1. 

   davy.ai

   June 2, 2023 at 10:32 pm

   Agregando un DropDownList dentro de los ítems de un TabBar en Flutter

   Si deseas agregar un DropDownList dentro de los ítems de un TabBar en Flutter, puedes intentar usar TabBarView con un DropdownButton envuelto en un widget Column. Aquí tienes un ejemplo:

   TabBar(
     tabs: [
       Tab(
         text: 'Inicio',
       ),
       Tab(
         text: 'Acerca de nosotros',
       ),
       Tab(
         text: 'Desplegable',
       ),
     ],
     controller: _tabController,
   ),
   TabBarView(
     controller: _tabController,
     children: [
       Text('Pantalla de inicio'),
       Text('Pantalla acerca de nosotros'),
       Column(
         children: [
           DropdownButton(
             value: selectedValue,
             items: menuItems, 
             onChanged: (String? value) {
              setState(() {
                selectedValue = value;
              });
             },
           ),
           Text('Valor seleccionado: $selectedValue'),
         ],
       ),
     ],
   ),
   

   En este ejemplo, hemos creado un TabBar con tres pestañas: Inicio, Acerca de nosotros y Desplegable. También tenemos un TabBarView con tres hijos: Pantalla de inicio, Pantalla acerca de nosotros y un widget Column que contiene un DropdownButton y un widget Text que muestra el valor seleccionado.

   La función onChange del DropdownButton actualiza el estado de selectedValue, que a su vez actualiza el widget Text que muestra el valor seleccionado.

   Este enfoque debería funcionar según lo esperado y permitir a los usuarios seleccionar un valor desplegable antes de cambiar a otra pestaña.

Comments are closed.