Dissai - React Native WebView App

Приложение с WebView на полный экран, включающее лоадер и обработку ошибок.

Возможности

• ✅ WebView на полный экран
• ✅ Лоадер во время загрузки
• ✅ Обработка ошибок сети
• ✅ Кнопка "Повторить" при ошибках
• ✅ Поддержка iOS и Android

Установка и запуск

Предварительные требования

• Node.js >= 18
• React Native CLI
• Xcode (для iOS)
• Android Studio (для Android)

Установка зависимостей

npm install

iOS

cd ios && pod install
cd ..
npm run ios

Android

npm run android

Тестирование

1. Запустите приложение на симуляторе или устройстве
2. Проверьте загрузку - должен появиться лоадер
3. Проверьте отображение - должна загрузиться Google
4. Проверьте ошибки - отключите интернет и перезапустите приложение

Структура проекта

src/
  screens/
    HomePage.tsx    # Главная страница с WebView
App.tsx            # Главный компонент приложения

Настройка URL

Для изменения URL откройте файл src/screens/HomePage.tsx и измените переменную webViewUrl:

const webViewUrl = 'https://your-website.com';

Возможные проблемы

iOS

• Если возникают ошибки с WebView, убедитесь что выполнили pod install
• Проверьте настройки безопасности в Info.plist

Android

• Убедитесь что в AndroidManifest.xml есть разрешение на интернет
• Проверьте настройки сети в эмуляторе

Технические детали

• Использует react-native-webview версии 13.15.0
• Поддерживает JavaScript и DOM Storage
• Автоматическое масштабирование страницы
• Обработка навигации внутри WebView