En una pantalla tengo un container dentro de el tengo botones simulando mesas de una sala de restaurant con diferente tamaño quiero hacer un sistema de reserva de mesa, ejemplo al entrar el cliente debe encontrar las mesas que estan disponibles y selecionar la mesa de su preferencia, por la estructura del restaurant y la ubicacion de la meaa de forma asimetrica no puede hacerlo con add colection to ui sino tuve que utilizar botones. Pero ahora como puedo hacrr la programacion para que en el on load se vean las mesas que estan ocupadas y las que eatan disponibile y obviamente cambiar de color de verde a rojo.
Esta publicación fue denunciada por la comunidad y se encuentra oculta temporalmente.
Cuando una mesa se ocupa guardas en BD con un true o false, asi a la hora de ver que mesas estan ocupadas, si es true lo pones de un color y si es false de otro.
Ok esto lo tengo claro pero tengo alrededor de 30 botones simulando una mesa, como hago cuando entro en esta pantalla para que recorra los botones y conaulte cada uno si esta ocupado o disponible para reservar?
Tienes 3 formas de hacerlo.
- Iterate children
- Foreach
- Code Compute
La más fácil Iterate children puedes recorrer cualquier elemento y modificarlo, te dejo captura de la función.
GoQuickDev — construyo software que factura
• Apps móviles (transporte, delivery, e-commerce)
• Integraciones (pagos, mapas, IA)
• Web/landing + automatización y chatbots
WhatsApp: +593968643400
Web: goquickdev.com
Si de hecho lo hice con el iterate chidren pero se supone que en cada iteracion tengo que consultar si el nombre del boton que estoy iterando e igual a numero de mesa y la condicion de esta mesa es dispobible entonces coloco el style.background verde y si no lo debo colocar el rojo. Entonces alli donde tengo dificulta. Inicualmenete pasa toda la consulta a una vatiable para evitar hacer un get en cada iteracion pero ahora tengo dificultad para hacer la consulta y cambiar el background de los botones.
Con condicionales puedes poner modify así ir cambiando los colores o estilos.
• Apps móviles (transporte, delivery, e-commerce)
• Integraciones (pagos, mapas, IA)
• Web/landing + automatización y chatbots