Justo en estos dias he estado trabajando en un caso similar donde el TopBar solapa el contenido del Scaffold y adquiere transparencia. Vaya quebradero de cabeza ha sido, pero lo he conseguido cambiando el TopBar al contenido del Scaffold y lo he unificado al LazyList dentro de un Box. Es una lastima que el Scaffold y TopBar no tenga una implementacion de este tipo de caso y haya que estar haciendo calculos para cambiar los parametros del alpha de la TopBar o del contentPadding del LazyList de forma dinamica.
@@devexpert_ioHe intentado dos veces pasar un link de mi Drive con un video, pero no he podido 🙈 Para que te hagas una idea, es una imitacion del efecto del TopBar de Netflix
Muy bueno como siempre!! me gustaria saber como podria hacerlo si tengo un proyecto KMM usando Compose Multiplatform! hay que hacer algo dependiendo del SO?
Para evitar usar el modificador padding deberías usar por ejemplo los modificadores .safeContentPadding, .safeGesturePadding o .safeDrawingPadding; otra opción sería usar el modificador .windowInsetsPadding pasando el objeto WindowInsets con la variante que deseamos pero pues es más largo para hacer lo mismo. Otra cosa importante que pase por alto sería explicar de forma más clara que el objeto WindowInsets es un objeto que nos da información sobre los márgenes usados por la interfaz del sistema, por ende cuando usamos un diseño de borde a borde debemos tener en cuenta estos márgenes que podemos obtener a través de este objeto para que los componentes de nuestra app no entren en conflicto con los componentes de la interfaz de usuario del sistema. Pdta: Saludos Antonio, mis comentarios son de forma constructiva y resaltó tus aportes porque es difícil encontrar videos de calidad, un abrazo y que estés muy bien.
Gracias por tus aportes. Esos modificadores que comentas no los conozco. Con respecto al segundo párrafo, es exactamente de lo que hablo en este vídeo, no?
Me ayudo bastante, y me pregunto como se haria para que la searchBar tenga sus respectivos espacios en los laterales, en el emulador se ve perfecto, pero en el dispositivo fisico ocupa todo el espacio de izquierda a derecha.
🎁 Aquí puedes acceder a la información por escrito 👉 devexpert.io/status-bar-transparente-jetpack-compose/
Te estoy muy agradecido. Llevaba tiempo intentando evitar que el teclado ocultara el texto cuando intentaba editar texto.
¡Me alegro de que haya sido de ayuda!
Muy buena explicación para un tema que aunque sencillo, se suele volver una pequeña odisea en algunas apps. Gracias
Muchas gracias!
Perfectamente explicado y super útil, como siempre. Muchas gracias!
¡Muchas gracias Dani!
Excelente video! muy bien explicado. Yo te quiero pedir un video de como aplicar correctamente un colapsable layout en compose. Saludos
Muchas gracias! Pues lo miro, porque es algo que no he tocado aún
excelente video ! , como siempre muy bien explicado y ayudando a la comunidad !
Muchas gracias!
Muy buen video, sería bueno, en compose multiplaform
¡Lo miro! La verdad que no lo he investigado, quizá es igual de fácil o muy similar...
justo lo que buscaba thx man
nada!
Justo en estos dias he estado trabajando en un caso similar donde el TopBar solapa el contenido del Scaffold y adquiere transparencia. Vaya quebradero de cabeza ha sido, pero lo he conseguido cambiando el TopBar al contenido del Scaffold y lo he unificado al LazyList dentro de un Box.
Es una lastima que el Scaffold y TopBar no tenga una implementacion de este tipo de caso y haya que estar haciendo calculos para cambiar los parametros del alpha de la TopBar o del contentPadding del LazyList de forma dinamica.
La verdad que no sé exactamente a qué te refieres, si tienes una imagen me gustaría verlo. A lo mejor hay alguna solución alternativa?
@@devexpert_ioHe intentado dos veces pasar un link de mi Drive con un video, pero no he podido 🙈 Para que te hagas una idea, es una imitacion del efecto del TopBar de Netflix
creo que no se pueden poner links
Otra gran entrega.
Gracias!
Muy bueno como siempre!! me gustaria saber como podria hacerlo si tengo un proyecto KMM usando Compose Multiplatform! hay que hacer algo dependiendo del SO?
Es una muy buena pregunta para la que no tengo respuesta 😅, pero lo miraré algún día
Para evitar usar el modificador padding deberías usar por ejemplo los modificadores .safeContentPadding, .safeGesturePadding o .safeDrawingPadding; otra opción sería usar el modificador .windowInsetsPadding pasando el objeto WindowInsets con la variante que deseamos pero pues es más largo para hacer lo mismo.
Otra cosa importante que pase por alto sería explicar de forma más clara que el objeto WindowInsets es un objeto que nos da información sobre los márgenes usados por la interfaz del sistema, por ende cuando usamos un diseño de borde a borde debemos tener en cuenta estos márgenes que podemos obtener a través de este objeto para que los componentes de nuestra app no entren en conflicto con los componentes de la interfaz de usuario del sistema.
Pdta: Saludos Antonio, mis comentarios son de forma constructiva y resaltó tus aportes porque es difícil encontrar videos de calidad, un abrazo y que estés muy bien.
Gracias por tus aportes. Esos modificadores que comentas no los conozco. Con respecto al segundo párrafo, es exactamente de lo que hablo en este vídeo, no?
Me ayudo bastante, y me pregunto como se haria para que la searchBar tenga sus respectivos espacios en los laterales, en el emulador se ve perfecto, pero en el dispositivo fisico ocupa todo el espacio de izquierda a derecha.
No sabría decirte sin probarlo...
Con un modifier queda Fino bro
Con un if