Приложение для просмотра видео из Dota на основе React Native

Скачать apk для Android

Установка

Сначала, пожалуйста, создайте среду разработки в соответствии с конфигурацией вашего компьютера, следуя инструкциям: http://facebook.github.io/react-native/releases/0.23/docs/getting-started.html#content

На Mac:

Зависимости для Mac можно установить автоматически с помощью rnpm:

npm install
rnpm link
react-native run-ios

В Windows:

npm install

В Windows необходимо вручную установить зависимости для Android:
"react-native-blur": "^0.7.11",
"react-natal-lazyload": "^0.2.1",
"react-native-orientation": "^1.15.0",
"react-native-vector-icons": "^1.3.4",
"react-native-video": "^0.7.1"

react-native run-android

Примечание: В настоящее время существует много ошибок в Android (различные зависимости не поддерживаются), рекомендуется использовать iOS эмулятор или реальное устройство iPhone для отладки.

Спасибо моей жене YiHang за поддержку проекта. Она выполнила весь дизайн и реализацию пользовательского интерфейса.

Цель:

Разработать приложение для просмотра видео Dota, совместимое с iOS и Android, на основе React Native.

Выполнено:

Видео список, список ведущих, детали ведущего, воспроизведение видео.

Скриншоты

Заголовок видео списка

Список ведущих

Детали ведущего

Воспроизведение видео

UI частично вдохновлён «OpenEye», остальное предоставлено (tingSun).

Используемые модули React-Native

"react-native-blur": "^0.7.11",

"react-native-vector-icons": "^1.3.4",

"react-native-lazyload": "^0.2.1",

"react-native-orientation": "^1.15.0",

"react-native-video": "^0.7.1".