656 telas de app mobile prontas para usar

Feedback

Solução de problemas

Animações que não tocam, fontes erradas, um agente que redesenhou sua tela. As cinco falhas reais.

As animações não tocam

Esse é de longe o mais comum. O Reanimated precisa do plugin Babel dele, e ele precisa ser o último no array plugins. Sem ele, componentes animados renderizam nos valores finais e nada se move, sem nenhum erro em lugar nenhum.

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

Depois reinicie o bundler com o cache limpo: npx expo start -c. Um reinício simples não é suficiente.

As fontes parecem erradas

Fontes carregam uma vez na raiz do app, não dentro de uma tela. Cada design exporta um objeto fonts; espalhe ele em useFonts na sua raiz e segure a splash screen até resolver. Se você pular isso, o texto cai para a fonte do sistema e cada peso fica um pouco fora do lugar.

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 />
}

O agente redesenhou para combinar com meu app

Diga a ele para reverter e cole o prompt em uma conversa nova. A instrução de não adaptar está em todo prompt, mas uma sessão longa onde o agente já absorveu suas convenções pode ignorá-la. Um contexto limpo é o conserto confiável.

Trava no Expo Go

Verifique o selo do design. Alguns poucos usam módulos nativos que o Expo Go não inclui, e esses precisam de um development build. O selo no cartão, o selo na página de detalhe e o próprio prompt avisam tudo isso antes de você copiar.

npx expo run:ios

O agente parou na metade e deixou um placeholder

Peça para ele terminar o arquivo que truncou, nomeando o arquivo. O prompt proíbe placeholders explicitamente, mas agentes sob pressão de contexto ainda fazem isso ocasionalmente, e fluxos longos costumam ser o culpado. Nada se perde; o resto do que foi colado está intacto.

Ainda travado?
Escreva para support@clevens.com com o slug do design e o que seu agente fez. Um prompt que falha da mesma forma duas vezes é um bug no prompt, não na sua configuração, e é corrigido.