Об этом проекте

react-native-spotlight-tour — это библиотека React Native для создания управляемых продуктовых туров и вводных пошаговых обзоров с эффектом прожектора. Она совместима с Android, iOS и вебом и использует Floating UI для позиционирования содержимого подсказок вокруг выделенных элементов. Разработчики задают шаги тура в виде массива TourStep и оборачивают содержимое приложения в SpotlightTourProvider. Компонент AttachStep связывает элементы интерфейса с индексами шагов, а хук useSpotlightTour предоставляет такие элементы управления, как запуск, остановка, переход к следующему шагу и возврат к предыдущему. Промежуточные обработчики Floating UI, включая offset, shift и flip, можно настроить глобально для всего тура или переопределить для отдельных шагов. Библиотека поддерживает настройку цвета и прозрачности оверлея, движения прожектора, таких как bounce, fade и slide, а также поведения при нажатии на фон. Встроенный компонент TourBox предоставляет настраиваемый контейнер подсказки с заголовком, метками навигации и параметрами стилей. Шаги также могут выполнять действие перед отрисовкой и использовать полностью собственные функции рендеринга. Установка доступна через npm или yarn. Заявленные требования: React 16.8.0 или новее, React Native 0.50.0 или новее и react-native-svg 12.1.0 или новее. В версии 3 пакет был переименован с @stackbuilders/react-native-spotlight-tour на react-native-spotlight-tour, а старые пропсы позиционирования заменены конфигурацией Floating UI. Проект распространяется под лицензией MIT и включает документацию API и пример приложения.