Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix/j UI p 124 loading #23

Merged
merged 4 commits into from
Sep 27, 2023
Merged

Fix/j UI p 124 loading #23

merged 4 commits into from
Sep 27, 2023

Conversation

WilliamSaya-lvl30
Copy link

Link de Tarea:

https://janiscommerce.atlassian.net/browse/JUIP-124

Contexto:

Luego del lanzamiento de la primera version de la libreria ui-native y de su implementación en las apps, nos reportan que en dispositivos pequeños y versiones de android 7 el loadingFullScreen no esta funcionando como se esperaba.

loading-bug

Necesidad:

Debe funcionar correctamente en todos los dispositivos

Análisis funcional

Para replicar el bug se tuvo que usar un telefono pequeño con android 7, el error esta siendo ocacionando por el estilo borderRadius del Animated view, en el componente loading, si se elimina ese estilo la animacion sigue funcionando bien.

loading-cuadrado

Dejo evidencia del issues encontrado al respecto
Rotate transform not working well on View with borderRadius · Issue #18266 · facebook/react-native
View bounds and touchable area incorrect after a rotate or a scale transform · Issue #19637 · facebook/react-native
Este problema se presenta en estas versiones de android (v7 ~ v9)

No encontré alguna solución para esto, así que se pensó otra solución.

Para solucionar esto se probara colocar el loading como un svg, manteniendo la misma animación.

Como se puede probar?:

En android estudio crear un Device con un android 7
Levantar el package en master para replicar el bug
luego levantar el package en la rama fix para ver que funciona correctamente

Screenshoots

evidencia-bug-loading

@coveralls
Copy link

coveralls commented Sep 19, 2023

Pull Request Test Coverage Report for Build 6329156968

  • 2 of 2 (100.0%) changed or added relevant lines in 1 file are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 100.0%

Totals Coverage Status
Change from base Build 6110238207: 0.0%
Covered Lines: 166
Relevant Lines: 166

💛 - Coveralls

Copy link

@dam788 dam788 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Anda joya
Peek 2023-09-19 12-54

Copy link
Contributor

@pablonortiz pablonortiz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lo estuve probando en emulador con Android 8 y va joya!

Copy link
Contributor

@christian97dd christian97dd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

quedó roto el LoadingFullScreen en web:
loadingFullScreen-web

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

entiendo que no se instaló ninguna librería, fijate que igualmente hay cambios en el package-lock y no debería. Lo más probable es que sea por la versión de node, en el repo tenemos un archivo .nvmrc, si tenes instalado nvm y tiras un nvm use en una terminal, te cambia a la versión de node que usamos en ui

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Me manejo con nvm y uso la versión requerida en el package que es 16.20, al correr npm i se actualizo el package.lock

@christian97dd christian97dd merged commit fc0c0ef into master Sep 27, 2023
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants