kirill3333 31 авг 2022 в 12:39

Skia — высокопроизводительная 2D графика для React Native

5 мин

7.2K

Разработка мобильных приложений*ReactJS*Flutter*

Туториал

Комментарии 8

ARyabchikov 31 авг 2022 в 13:24

Наличие собственно 2D движка для рендеринга было одним из ключевых плюсов Flutter по сравнению с RN. Интересно, нужно смотреть во что разовьется эта история

kirill3333 31 авг 2022 в 13:54

еще забавно что есть совместимость с API и можно брать реализации на Dart для Flutter и легко адаптировать под себя

nikita_dol 31 авг 2022 в 21:41

Иронично, что Skia основа Flutter, но в либе для RN можно использовать её полный потенциал, а во Flutter нет

Например, рисование отдельных глифов не реализовано во Flutter и поэтому все используют ParagraphBuilder который оптимизирован (но это не точно) для большого текста, но ужасно дорог для маленького текста, которого большенство🤷‍♂️

avdosev 2 сен 2022 в 13:49

Можно вот так сделать, но будет только один отдельный символ рисоваться

Icon(
  IconData('Л'.codeUnits[0])
)

nikita_dol 2 сен 2022 в 13:56

Icon - это RichText со всеми вытекающими (видно тут)
Категорически не советую делать так str.codeUnits[0], так как codeUnits это не тоже самое, что рисуемые символы (не просто так существуют такие пакеты)

avdosev 2 сен 2022 в 14:08

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

avdosev 2 сен 2022 в 13:45

Насколько увеличивается размер инсталятора и самого приложения при подключении Skia к существующему React Native приложению?

kirill3333 8 янв 2023 в 18:21

вот тут подробно описано https://shopify.github.io/react-native-skia/docs/getting-started/bundle-size на ios - 6MB на android 4MB

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

Skia — высокопроизводительная 2D графика для React Native

Комментарии 8

Публикации

Истории