656 pantallas de app móvil listas para usar

Comentarios

Solución de problemas

Animaciones que no se reproducen, tipografías incorrectas, un agente que rediseñó tu pantalla. Los cinco fallos reales.

Las animaciones no se reproducen

Este es, con diferencia, el más común. Reanimated necesita su plugin de Babel, y tiene que ser el último en el array de plugins. Sin él, los componentes animados se muestran en sus valores finales y nada se mueve, sin ningún error en ninguna parte.

// babel.config.js
module.exports = function (api) {
  api.cache(true)
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'], // must be LAST
  }
}

Luego reinicia el bundler con la caché limpia: npx expo start -c. Un reinicio normal no basta.

Las tipografías se ven mal

Las tipografías se cargan una vez en la raíz de la app, no dentro de una pantalla. Cada diseño exporta un objeto fonts; añádelo a useFonts en tu raíz y mantén la pantalla de carga hasta que se resuelva. Si te saltas esto, el texto cae a la tipografía del sistema y cada peso se ve ligeramente distinto.

import { useFonts } from 'expo-font'
import * as SplashScreen from 'expo-splash-screen'
import { fonts } from './components/clean-settings/screen'

SplashScreen.preventAutoHideAsync()

export default function App() {
  const [loaded, error] = useFonts({ ...fonts })
  useEffect(() => {
    if (loaded || error) SplashScreen.hideAsync()
  }, [loaded, error])
  if (!loaded && !error) return null
  return <YourApp />
}

El agente lo rediseñó para que coincidiera con mi app

Dile que revierta y pega el prompt en una conversación nueva. La instrucción de no adaptar está en cada prompt, pero una sesión larga donde el agente ya absorbió tus convenciones puede saltársela. Un contexto limpio es el arreglo fiable.

Se cierra en Expo Go

Revisa la insignia del diseño. Unos pocos usan módulos nativos que Expo Go no incluye, y esos necesitan un development build. La insignia en la tarjeta, la insignia en la página de detalle y el propio prompt lo avisan antes de que copies.

npx expo run:ios

El agente se detuvo a mitad y dejó un placeholder

Pídele que termine el archivo que truncó, nombrando el archivo. El prompt prohíbe explícitamente los placeholders, pero los agentes bajo presión de contexto todavía lo hacen de vez en cuando, y los flujos largos son el culpable habitual. No se pierde nada; el resto del pegado está intacto.

¿Sigues atascado?
Escribe a support@clevens.com con el slug del diseño y qué hizo tu agente. Un prompt que falla de la misma forma dos veces es un fallo del prompt, no de tu configuración, y se arregla.