Platform colors wont work (reanimation error) when used with transitions
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 22/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Tranquilo
- Stack tecnológico
- javascript, react-native, tailwindcss
- Área
- mobile-dev
Línea de trabajo
The failure is a Reanimated worklet error when a platformColor from tailwind.config is animated through a transition-property class. Start by reproducing with the stackblitz linked in the issue on an iOS target, then trace how platform colors are resolved in the Tailwind config and the transition handling in the nativewind runtime. Done means the transition runs on iOS without the non-worklet 'removeListener' error.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
If you define a color in the tailwind.config.ts e.g. platformColor("systemRed") as shown [here] (https://www.nativewind.dev/customization/colors) and you have an a element that has a classname that uses a transition property you will get the following error from react-reanimated ReanimatedError: [Reanimated] Tried to synchronously call a non-worklet function 'removeListener' on the UI thread.. I understand that transitions are still experimental so I wanted to put this on your radar.
Reproduction
I cant exactly reproduce this on stackblitz as it needs to be running in an ios enviroment but I have put together a stacblitz demo here so you can better understand the code and the issue.
Expected behavior
I would expect the platform color transpiled ahead of time so it would not need to be called during the animtion in the ui thread and thus not break.
Additional context
I'm using expo 52.0.23 with nativewind 4.1.3 and react-native 0.76.5 with react 18.
- Lenguaje dominante
- JavaScript
- Estrellas
- 8.1k
- Forks
- 409
- Merge medio
- 1 d 15 h
- PR fusionados (30 d)
- 1
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de nativewind/nativewind
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
nativewind/nativewind#1879 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
nativewind/nativewind#1878 ·
-
`withNativewind(config, { globalClassNamePolyfill: undefined })` turns the className polyfill offAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
nativewind/nativewind#1877 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
nativewind/nativewind#1870 · 4 reacciones ·
-
printUpgradeWarning crashes the app when serializing props that contain a context object with a throwing getter (e.g. React Navigation)Posiblemente ocupada Un pull request vinculado a esta issue está abierto o ya se fusionó. Abiertoneeds investigation needs reproduction
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
nativewind/nativewind#1812 · 5 comentarios ·
Todos los issues de nativewind/nativewind
Issues similares
-
[guide] AGENTS.md claims the coverage gate, e2e and full lint run on every PR after ADR 0011 focused validationPosiblemente ocupada @hivecommons-hive la tomó hoy. Abiertoagent/guide documentation hive/claimed-by-guide stage/040-covered-by-pr
Dificultad 2/5 1-3 horas Aptitud para principiantes 81/100
cncf/endusers#2006 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
check:passed feeds:add
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
Los mantenedores suelen responder en 4 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
all-contributors/cli#587 ·
Los mantenedores suelen responder en 1 día
-
RGAA5
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
Los mantenedores suelen responder en 8 días
-
feedback simulation workshop
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
githubnext/gh-aw-workshop#5157 ·
Los mantenedores suelen responder en 1 día