656 готовых экранов мобильных приложений

Отзыв

Решение проблем

Анимации, которые не проигрываются, неправильные шрифты, агент, который переделал ваш экран. Пять настоящих проблем.

Анимации не проигрываются

Это безусловно самая частая проблема. Reanimated нужен его плагин Babel, и он должен быть последним в массиве plugins. Без него анимированные компоненты отображаются в конечных значениях, и ничего не движется, без ошибок где бы то ни было.

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

Затем перезапустите бандлер с очищенным кэшем: npx expo start -c. Простого перезапуска недостаточно.

Шрифты выглядят неправильно

Шрифты загружаются один раз в корне приложения, а не внутри экрана. Каждый дизайн экспортирует объект fonts; распределите его в useFonts в вашем корне и держите splash screen, пока он не разрешится. Если вы пропустите это, текст откатится к системному шрифту, и каждая насыщенность будет выглядеть чуть неправильно.

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

Агент переделал экран под моё приложение

Скажите ему откатить изменения и вставьте промпт в новую беседу. Инструкция не адаптировать есть в каждом промпте, но длинная сессия, где агент уже впитал ваши конвенции, может её обойти. Чистый контекст: надёжное решение.

Крашится в Expo Go

Проверьте значок дизайна. Некоторые используют нативные модули, которых Expo Go не включает, и им нужен development build. Значок на карточке, значок на странице деталей и сам промпт: все предупреждают об этом до того, как вы скопируете.

npx expo run:ios

Агент остановился на середине и оставил заглушку

Попросите его закончить файл, который он обрезал, указав имя файла. Промпт явно запрещает заглушки, но агенты под давлением контекста иногда всё же так делают, и длинные флоу обычно виноваты. Ничего не теряется; остальная часть вставки цела.

Всё ещё застряли?
Напишите на support@clevens.com со слагом дизайна и тем, что сделал ваш агент. Промпт, который ломается одинаково два раза, это баг в промпте, а не в вашей настройке, и он исправляется.