спасибо

спасибо

незачто)

а кто-то пробовал делать свг анимации при помощи gsap ?

это работает в рн или нет?

или по-другому спрошу, как бы вы сделали анимацию логотипа, который вырисовывается — спрайтом, гифкой или еще как-то ?

Вебвью

или по-другому спрошу, как бы вы сделали анимацию логотипа, который вырисовывается — спрайтом, гифкой или еще как-то ?

Через https://github.com/airbnb/lottie-react-native

На Image еще не завезли

Это очень странно, должно работать. Если создашь баг на гитхабе, я починю.

Кстати говоря, я последнее время работаю над усовершествованием <Image>. Если у кого есть какие-нибудь пожелания (острая боль), сейчас самое время поделиться этим.

Через https://github.com/airbnb/lottie-react-native

спасибо большое, смотрю

Кстати говоря, я последнее время работаю над усовершествованием <Image>. Если у кого есть какие-нибудь пожелания (острая боль), сейчас самое время поделиться этим.

боль это кэширование которое по умолчанию) не всегда есть доступ к серваку чтобы кеширование выставить

и конечно же прелоад картинки

Т.е. хотелось бы иметь возможность отключать кеширование?

а возможность рисовать SVG из файла - это сюда?

Че-то я подглядел % в разметке... надо попробовать.

Т.е. хотелось бы иметь возможность отключать кеширование?

Я для кэширования взял image из стороннего модуля.

То что описано в доке почему-то у меня не завелось.

и конечно же прелоад картинки

А что значит прелоад в данном контексте? Как загрузить то, что ещё не отрендерилось ни разу?

А что значит прелоад в данном контексте? Как загрузить то, что ещё не отрендерилось ни разу?

да, типа заранее грузить, чтобы загружалось не во время рендера а раньше

Т.е. хотелось бы иметь возможность отключать кеширование?

скорее наоборот)

Кстати говоря, я последнее время работаю над усовершествованием <Image>. Если у кого есть какие-нибудь пожелания (острая боль), сейчас самое время поделиться этим.

Хотелось бы чтобы работал лайаут с учетом пропорций изображения, допустим, при указании лишь ширины. А высота чтобы автоматом высчитывалась и релайаутилось всё. Но может быть это касается не только картинки, но и в целом системы разметки... я кое-как сначала получил желаемый результат, но в итоге на разных платформах получалось по-разному и пришлось высчитывать самому оба размера для image.

Ага, про кеширование я понял. (Но, честно говоря, этого у меня пока в планах нету, но буду иметь ввиду.)

да, типа заранее грузить, чтобы загружалось не во время рендера а раньше

Так тут просто нужен какой-то прелоадер, который юзаеть должна была бы и сама image под капотом.

Про прелоад тоже понял, это тоже интересная тема, но пока у меня идей никаких нету.

Мне это напомнило SDWebImage

Под такой для iOS

Я больше пока сфокусирован на проблемах рендеренга и лаяута, а загрузка это немного не эта область.

Меня в целом устраивает всё

Если у картинки будет стиль flex: 1, а лежать она будет в row

То она будет высоты 0 по умолчанию?

После загрузки.

Про пропорции - хорошая тема. Я сейчас работаю над поддержкой intirinsicSize для картинок, это очень перекликается с этим, но само по себе (кажется) эту проблему не решит.

100% ширины, но 0 высоты - ведь как-то так?

Надо глянуть что у вас там внутри :)

Проблема в том, что модель флекс-бокс лаяута (Yoga) не содержит неявных связей между шириной и высотой, за исключением того что Yoga поддерживает нестандартный стиль aspectRatio, который как раз для этого и нужен.

Вот с ним у меня что-то не сложилось

Кажется на андроиде всё равно 0 высота получалась...

Но, Егор, ты кажется просишь чтобы этот aspectRatio выставлялся автоматически на основании intrinsicContentSize, что весьма интересно но я не уверен что это... хорошо ложится на всю концепцию.

Я не уверен что aspectRatio поддерживается в RN.

Да, я видимо тащу подход из нативного iOS

скорее всего нет (не поддерживается), но добавить его не сложно (PR welcome!)

Да, это интересно будет попробовать добавить. Спасибо за отклик.

а не, aspectRatio поддерижвается.

Обе платформы?

У меня и было что-то типа flex:1, aspectRatio: 1,5

Но на андроиде не работало на 0.43 и я переписал. Обновлюсь на свежее и проверю снова.

Упс, я не знаю про Андроид. Если это не работает на Андроид (что странно), было бы круто создать issue на GH. А если будет PR, то вообще замечательно. Я помогу его пропихнуть.

А где можно почитать, как запилить кастомный нативный компонент под Android, который будет просто рисовать переданные children внутри себя? На самом деле задача - как-то получить в java-коде ссылку на андроидовский ViewGroup

кажется, стоит копать в сторону ViewGroupManager

что-то похожее рассказывают вкратце тут в конце https://www.youtube.com/watch?v=RwTmWpZ0MyA как имеющийся контрол прокинуть в RN

О, спасибо, посмотрю

Вообще, сейчас придумал костыльнй способ с setID и передачей ID

У меня как раз есть RN module для всяких вызовов нативных API, хочу еще заэкспортить что-нибудь типа SimpleViewManager для ViewGroup, который будет просто рендерить детей и принимать ID, а для получения ссылки в модуле использовать вызов метода с передачей ID, с которым создан нативный UI SimpleViewManager с ViewGroup и детьми...

выглядит немного переусложненно и не супер стабильно на мой взгляд, но вроде есть шансы, что заработает )

нашел похожий костыль тут: https://github.com/zetavg/react-native-android-design-support/blob/405cc3832b57c162e18a486fcbd7384b2476cbab/android/src/main/java/com/reactnativeandroiddesignsupport/views/tab/ReactTabLayoutManager.java#L77-L78

Ой, круто как, Алексей пишет на RN!

ребзя, а что вы используете для навигации?

попробовал react-navigator, но он постоянно в бете и без обратной совместимости

немного разочаровался

react-native-router-flux?

есть какой-то "стандарт", вот мол для роутинга юзаем вот это

Стандарта на сколько знаю нет

Тут постоянно спорят за навигацию, я например юзал только rnrf

стандарт - react-navigation)

стандарт - react-navigation)

Рили?)

Рили?)

абсолютли)

ERROR: S client not available

А дровер там есть?)

есть

Ну все иду тестить))

ты можешь прям в снеке потестить

Вопрос. Кто нибудь делал карту компонентов для react-native через react-storybook ?

ты можешь прям в снеке потестить

Спс

Вопрос. Кто нибудь делал карту компонентов для react-native через react-storybook ?

Смотрел, показалось каким-то геморным

тоже заглядывал

не понял смысл так перенапрягаться )

ты можешь прям в снеке потестить

а что за снек?

а что за снек?

https://snack.expo.io

ого, спасибо

да, типа заранее грузить, чтобы загружалось не во время рендера а раньше

Image.prefetch() не то?

react-native-router-flux?

Я этот

Встречал кто реализацию такого компонента (вместо кругов будут аватарки) ?

Или подскажите как самому реализовать

так а что эти круги должны делать?

Image.prefetch() не то?

вот когда я последний раз юзал, че то не работало)

ты именно загрузку хочешь заранее или декодинг и отображение?

загрузить и в память засунуть. чтобы потом сразу без лагов отображалось

а, такого нет

так а что эти круги должны делать?

Просто отображаться друг за другом

там просто можно исключить загрузку по сети, т.е. будет с файловой системы читаться

ты именно загрузку хочешь заранее или декодинг и отображение?

Только отображение

я тоже думаю было бы полезно добавить такой api + увеличить розмер кэша (или по крайней мере сделать его зависимым от модели телефона)

Просто отображаться друг за другом

https://snack.expo.io/S1a6ktUMW

https://snack.expo.io/S1a6ktUMW

Спасибо

кстати, покритикуйте такой подход с картинками https://snack.expo.io/S1TRlKUzb

можно сравнить, закомментировав первую строку с PreloadImage

картинки жирные и большие

ну и осторожно поднять в RCTImageCache.m static const NSUInteger RCTMaxCachableDecodedImageSizeInBytes = 1048576;