Vasily
Null
Trenkal
Null
Новая рубрика: идея для вдохновления.
Очень много интересных и красивых анимаций выполненных на react-native, но авторы не стали выкладывать код на всеобщее обозрение.
Данная анимация выполнена с помощью reanimated2 пользователем твиттера (запрещен в РФ) barany6m.
P.S. В коментах еще один вариант анимации.
P.S.S. Стоит продолжать делать такой формат постов?
@react_native_info
Alex
Trin
Trin
Trin
Null
Хотите альтернативу Lottie, которая быстрее, меньше по размеру, потребляет меньше памяти и полностью интерактивна?
Rive.app поможет вам в данной ситуации, есть удобный онлайн конструктор анимаций, а самое главное есть поддержка для react и react-native!
@react_native_info
Ilia
Null
Amazon IVS выпустили оффициальный пакет для react-native — amazon-ivs-react-native-player, который является оптимизированным видео плеером для IVS сервиса.
Amazon Interactive Video Service (Amazon IVS) — это управляемая служба потоковой передачи видео в реальном времени.
Основные возможности IVS:
✓ Создание каналов для трансляции видео за считанные минуты;
✓ Создание надежных интерактивных видео-интерфейсов со сверхнизкой задержкой;
✓ Поддержка множества платформ;
На видео реализован пример работы amazon IVS в react-native.
@react_native_info
Null
Trin
Null
Ребята из Software Mansion готовят возможность отладки Reanimated во Flipper для движка Hermes.
Уже доступна эксперементальная версия с этой фичей в версии Reanimated 3.0.0-rc.3.
Документация была доступна по этой ссылке но по какой-то причине ее удалили, но есть кешированная версия страницы, так что кому интерестно можете глянуть тут.
P.S. в комментах приложил небольшой отчет о том на каких платформах и в какой среде работает отладка.
@react_native_info
Trin
Null
осталось научиться запускать флиппер на линуксе 🤦♂️
Не работал на линуксе, там с ним настолько все плохо? На мак ос у меня нормально работает 🙂
Trin
Не работал на линуксе, там с ним настолько все плохо? На мак ос у меня нормально работает 🙂
консоль есть, но нет плагинов типа нетворка, не видит приложение аппку. метро и его логи видит, аппку нет 🤷♂️ задолбался искать решение, но судя по всему, нужен xcode
Null
консоль есть, но нет плагинов типа нетворка, не видит приложение аппку. метро и его логи видит, аппку нет 🤷♂️ задолбался искать решение, но судя по всему, нужен xcode
Там ньюанс есть один, что версия флиппера установленного в проекте должа совпадать с версией клиента флиппера, учитывал этот момент?
Trin
Там ньюанс есть один, что версия флиппера установленного в проекте должа совпадать с версией клиента флиппера, учитывал этот момент?
не, надо попробовать. там флиппер сейчас в браузере любая версия можно запустить с npx, но в проекте я крайний раз пробовал 0.165, а ни в браузере ни нативный флиппер в этой версии у меня не запустился
Alexey
Null
Navio - это легковесная библиотека-обертка над React Navigation, которая позволяет легко создавать структуру навигации в одном месте и использовать преимущества typescript в приложении. Подсказки для названий экранов при создании структуры приложения и в использовании методов навигации (например, push, jumpTo) приводит к лучшему UX, меньшему количеству ошибок и более быстрому процессу разработки. И да, больше не нужно возиться с <NavigationContainer>, <Tabs.Navigator> и <Stack.Screen>!
Пример работы можно посмотреть в Expo Snack.
@react_native_info
Null
Этот разработчик из 2055 👽
@react_native_info
Timofey
Oleg
Null
Есть такой термин Navigation Transition, вот отличный концепт того как это должно выглядеть.
@react_native_info
Null
Библиотека ReactNative live text позволяет сканировать текст или QR с изображения в приложении на iOS устройствах, используя нативные возможности платформы а также имея очень простой API. Но с одной оговоркой, работает только на iOS16.
P.S. Пример кода в коментах.
@react_native_info
Null
Новый хук useAnimatedKeyboard() который обозревал недавно, уже доступен в версии reanimated 2.10.0
@react_native_info
Trin
Null
что бы мы делали, без ребят из expo, software-mansion и shopify
Писали бы на кордове или xamarin))
Trin
Писали бы на кордове или xamarin))
я долгое время не признавал RN, предпочитая кордову. причём даже без ионика, в какой-то момент даже css фреймворк пилил кросплатформенных UI, пока framework7 не появился. мне казалось, что гибче кордовы мало что можно придумать, а всё чего не хватало — пилили плагины нативные под неё. попробовав RN года 4 назад, я прозрел ;))
Null
я долгое время не признавал RN, предпочитая кордову. причём даже без ионика, в какой-то момент даже css фреймворк пилил кросплатформенных UI, пока framework7 не появился. мне казалось, что гибче кордовы мало что можно придумать, а всё чего не хватало — пилили плагины нативные под неё. попробовав RN года 4 назад, я прозрел ;))
Аналогичная история и у меня, только до кордовы был такой же переход с xamarin 😆
Trin
Аналогичная история и у меня, только до кордовы был такой же переход с xamarin 😆
xamarin вроде позже phonegap появился. я до phonegap на нативе писал и плакал. после js и php, objc без слёз не писался.
Null
xamarin вроде позже phonegap появился. я до phonegap на нативе писал и плакал. после js и php, objc без слёз не писался.
Ахаха, я так с java залетел, на андроид, нативу пилил тоже, когда js попробовал, я был в шоке тогда🌚
Null
xamarin вроде позже phonegap появился. я до phonegap на нативе писал и плакал. после js и php, objc без слёз не писался.
Эх, было время, сейчас уже ничему особо не удивляешься, только красивой анимации от Вильяма))
Trin
Эх, было время, сейчас уже ничему особо не удивляешься, только красивой анимации от Вильяма))
бесит, что он на лету всё это понимает. где какой интерполяции добавить, где какой синус на косинус поменять ))
Александр
Александр
я долгое время не признавал RN, предпочитая кордову. причём даже без ионика, в какой-то момент даже css фреймворк пилил кросплатформенных UI, пока framework7 не появился. мне казалось, что гибче кордовы мало что можно придумать, а всё чего не хватало — пилили плагины нативные под неё. попробовав RN года 4 назад, я прозрел ;))
Framework7 до сих пор развивается, иногда заглядываю на их демо ) поражает все таки результат их работы
Trin
Framework7 до сих пор развивается, иногда заглядываю на их демо ) поражает все таки результат их работы
их? ) по крайней мере пока я следил за развитием, фреймворк7 делал чувак с ростова. понятно, что были и другие мейтейнеры на гитхабе, но даже сейчас у него в районе 700к строк фреймворка, у ближайшего контрибутера 100 строк кода
Trin
их? ) по крайней мере пока я следил за развитием, фреймворк7 делал чувак с ростова. понятно, что были и другие мейтейнеры на гитхабе, но даже сейчас у него в районе 700к строк фреймворка, у ближайшего контрибутера 100 строк кода
https://github.com/framework7io/framework7/graphs/contributors
Александр
Null
Полное руководство по правильному использованию анимаций для лучшего UX – Автор статьи объясняет как нужно делать анимации чтобы добиться лучшего UX. Для наглядности в статье очень много GIF примеров, рекомендую всем к прочтению данную статью.
UPD: в коментах @trin4ik оставил ссылку на подобную статью для новичков.
@react_native_info
Trin
Null
Еще одна параллакс анимация, реализованная с помощью useAnimatedSensor. Довольно интересный концепт.
К сожалению автор не выложил код в открытый доступ.
@react_native_info
Alex
Alex
Null
Было бы интересно ещё получать ссылку на ресурс откуда взято видео.
Ребята из Software Mansion в своем Твиттере выкладывали как-то
Null
iOS 2022: Telegram объявляет о проведении первого тура конкурса
Разработчикам предлагается создать приложение для редактирования мультимедиа на Swift, похожее на встроенный инструмент рисования в iOS. Призовой фонд составляет $50,000.
Демонстрационное приложение должно быть совместимо с iOS 13+. Также использование сторонних реализаций или UI-фреймворков строго запрещено.
Срок подачи: до 31 октября. Полный список требований по ссылке:
https://contest.com/docs/iOS-Oct22-Round1
P.S. Ну что, пилим один экран на react-native + skia и затягиваем им в прилож?
@react_native_info
Null
желательно с reanimated и react-native-skia )))
Ну такой фото редактор скорее всего возможно запилить на skia))
Null
Null
Null
Пользователь GitHub под ником 4TWIGGERS сделал анимацию глубины карточки с помощью reanimated2 и хука useAnimatedSensor.
Выглядит очень эффектно.
Исходный код можно посмотреть на гит
@react_native_info
Null
Пользователь Twitter (запрещен в РФ) barany6m, показал интерестный пример multi-drag-and-drop анимации, выполненой с помощью reanimated2 и react-native-gesture-handler. Пример был собран на expo.
К сожалению автор не выложил код в открытый доступ. Самое время поразмыслить как добиться такого же эффекта.
@react_native_info
Null
Александр
Null
Null
Вы знали что если в репозитории GitHub сменить .com на .dev или нажать на клавиатуре точку, то откроется веб версия VSCode с этим проектом.
@react_native_info
Alisher
Null
Null
Why would we subscribe to a Russian react-native channel? For English translations? Never)
but you're here and reading this :)
John
Null
Of course I do. I can still read this in Russian. And fool you into thinking I'm a native speaker, lol. Хочешь, можешь переводить)
Null
Null
Alex
Null
Если вы хотите сделать библиотеку для React Native, но нет желания настраивать каркас проекта с нуля, то create-react-native-library поможет вам, его основные преимущества:
✓ Простые примеры модулей для Android и iOS, на которые вы можете опираться;
✓ Kotlin настроен для сборки модуля на Android;
✓ Поддержка C++ для нативных модулей на Android и iOS;
✓ Поддержка Expo для библиотек без нативного кода и поддержка web;
✓ Пример приложения React Native для отладки вашей библиотеки;
✓ ESLint, Prettier, TypeScript, Lefthook и Release It предварительно настроены;
✓ Предварительно настроенный react-native-builder-bob для компиляции ваших файлов;
✓ Предварительно настроенный CircleCI для запуска CI тестов;
🇺🇸 English translation in comments.
@react_native_info
Null