Проекты React Native и Expo для начинающих
Привет! Меня зовут Рохит. Я не профессиональный автор контента, но я сделаю все возможное, чтобы к концу этой статьи вы смогли построить калькулятор процента любви, используя приложения, использующие React Native и Expo.
Рекомендую посмотреть пошаговое руководство здесь:
О приложении Калькулятор процента любви
Калькулятор процента любви — это тип приложения или онлайн-инструмент, предназначенный для определения уровня совместимости между двумя людьми на основе их имен. Идея этих калькуляторов заключается в том, что совместимость двух людей можно определить, сравнив буквы в их именах и используя специальный алгоритм для расчета процента. Предполагается, что этот процент представляет вероятность того, что два человека совместимы друг с другом.
Однако важно иметь в виду, что эти типы калькуляторов процента любви не являются научными и не должны восприниматься слишком серьезно. Результаты, которые они предоставляют, должны быть беззаботными и развлекательными, а не надежным показателем совместимости. Другими словами, не полагайтесь на калькулятор процента любви, чтобы решить, продолжать ли отношения с кем-то. Вместо этого руководствуйтесь собственным суждением и найдите время, чтобы узнать человека получше, прежде чем принимать какие-либо решения.
Я использую Rapid API для расчета процента любви. Создайте бесплатную учетную запись на Rapid API для ключей API.
Внимание всем разработчикам, стремящимся установить социальные связи и зарекомендовать себя, получая при этом пассивный доход — не ищите дальше! Я настоятельно рекомендую книгу From Code to Connections, которая поможет вам в этом процессе. Не упустите возможность получить свою копию прямо сейчас на Amazon по всему миру или Amazon India! Вы также можете выбрать Gumroad.
Настройка проекта, требования к пакету и код
- Начните свой выставочный проект
- Я не собираюсь устанавливать какой-либо сторонний пакет для пользовательского интерфейса. Но вы можете использовать любой библиотечный пакет для частей пользовательского интерфейса. Это зависит от требований вашего приложения.
- Использование хука useState. Определите некоторые крючки.
const [maleName, setMaleName] = useState('') const [femaleName, setFemaleName] = useState('') const [loading, setLoading] = useState(false) const [lovePercentage, setLovePercentage] = useState([])
- Поле для мужчин и женщин установлено пустым. Массив процента любви также изначально установлен пустым.
- Теперь, чтобы рассчитать процент любви:
const calculateLove = () => { const API_URL = `https://love-calculator.p.rapidapi.com/getPercentage?fname=${maleName}&sname=${femaleName}` setLoading(true) fetch(API_URL, { method: 'GET', headers: { 'x-rapidapi-host': 'love-calculator.p.rapidapi.com', 'x-rapidapi-key': '###############', } }) .then(response => response.json()) .then(data => { setLoading(false) console.log(data) setLovePercentage(data) }) .catch(err => { console.log(err) }) }
- Создайте свою учетную запись на Rapid API. Затем введите свой ключ Rapid API. Используя приведенную выше функцию, сначала мы извлекаем данные из Rapid API и конвертируем их в формат JSON. Позже мы заменим пустое состояние процента любви полученными данными.
- Остальное — часть пользовательского интерфейса. Это зависит от вас и требований вашего проекта. Вы можете получить помощь здесь.
- Вот и все. Теперь вы можете протестировать приложение в мобильном приложении Expo Go.
- Если вы запутались или растерялись, я бы порекомендовал посмотреть пошаговый видеоурок. Несколько минут настройки и кода, и вы будете готовы протестировать приложение.
Почему я предлагаю смотреть больше видео?
Я из Индии, и мне нравится писать код и делиться им с сообществом. Все мы знаем, что деньги — это высшая мотивация для работы, и платежная система Medium использует Stripe, которая последние 4–5 лет находится в режиме предварительного просмотра в Индии. Я ждал год на платформе Medium, но в итоге ничего не вышло.
Итак, я начал снимать видео на YouTube, чтобы зарабатывать на жизнь. Я разместил важный код во фрагменте кода, но пошаговое руководство смотрите в видео. И если вы пойдете туда, не забудьте подписаться на мой канал для видео, связанных с React Native, Django, Python и наукой о данных.
Спасибо.