Рубрики
Без рубрики

Система рейтинга сборки для вашего реагирования нативного приложения

На вашем мобильном телефоне, когда вы выполняете поиск Google для «ресторанов рядом со мной» или вы заканчиваете поездку Uber или вам … Теги с реактивным, JavaScript, React, Opensource.

На вашем мобильном телефоне, когда вы выполняете поиск Google для «ресторанов рядом со мной» или вы закончите прогулку Uber или вы ищете фильм на IMDB или продукт на Amazon – одна вещь, которую вы ищете или ожидаете, что приложение имеет Система рейтинга Отказ

Система рейтинга – это больше, чем просто элемент пользовательского интерфейса. Это инвестиции от ваших пользователей. Система рейтинга обслуживает разные цели для разных приложений:

  • Это помогает Персонализация контента для пользователя Отказ Для бывшего. Если вы выполните поиск Google, основанный на рейтинге, которые вы можете фильтровать список.
  • Помогает пользователю в принятие решений Отказ Для бывшего. Пользователь смущен 2 продуктами на мобильном приложении Ecommerce.
  • Инструмент для Соберите отзыв пользователя Отказ

Поскольку мы охватываем важность рейтинговой системы, давайте посмотрим, как построить один для нашего мобильного приложения, используя React Native.

Реагистративно-рейтинг-элемент

Я создал простую рейтинговую библиотеку для реагирования нативной поддержки:

  • Десятичные точки как 3,7, 4,2 и т. д.,
  • Направление осознает значки (Поддерживает RTL, снизу вверх и т. Д.),
  • Пользовательская икона установить из иониконов,
  • Пользовательские изображения
  • и взаимодействовать и рекорд рейтинга дан Пользователям.

Установка

Используйте менеджер пакетов NPM или пряжу для установки React-Nation-Rating-Element.

npm install react-native-rating-element
yarn add react-native-rating-element

использование

После его установки голова к файлу компонента и простой импортируйте его сверху, а затем внутри вашего рендеринга (), вы можете позвонить <Рейтинг/> и пройти желаемые реквизиты.

Эти реквизиты могут быть изменены в соответствии с вашим UX.

import { Rating } from "react-native-rating-element";



**Custom Image, onIconTap and bottom to top direction**
 console.log(`User pressed: ${position}`)}
  direction="column-reverse"
  type="custom" // default is always to "icon"
  selectedIconImage={require('./filled.png')}
  emptyIconImage={require('./empty.png')}
/>

Вы можете найти Документация API здесь Отказ

Вывод

Пожалуйста, продолжайте и оформируйте оформление моего первого Библиотека с открытым исходным кодом . Это небольшая попытка внести свой вклад в этот удивительный мир JavaScript. Что бы я ни был сегодня, это возможно из-за всех бесплатных учебных пособий и пакетов с открытым исходным кодом в нашей экосистеме.

Оригинал: “https://dev.to/uininja/build-rating-system-for-your-react-native-app-k2h”

Читайте ещё по теме: