@reactnative_ru - страница 1366

A

именно комент, но я так понял из комментов выше, бабель все равно затранспилит это в обычный require

Vitaly

У себя везде вместо Image использую

A

Это годная библа

я не про библу , а про коммент. библа только c remote картинками работает

Gena

нагуглил вот это https://github.com/DylanVann/react-native-fast-image/issues/160#issuecomment-373938649

Это не важно, require или import, попробуйте, это может сработать.

A

попробую, отпишусь

Dmitry

react-native-fast-image тоже бывает чудит) Передаю в него url он рисует, передаю asset - не рисует)

Gena

попробую, отпишусь

Фактически там советуют отрезолвить вот ту мета инфу, про которую я писал, выдрать оттуда uri (оно может вести и на диск, т.е. `file://...`) и запрефетчить этот uri с форсингом кеша (который для локальных ассетов по дефолту скорей всего отрублен). Поэтому и думаю, что это может сработать.

Vitaly

react-native-fast-image тоже бывает чудит) Передаю в него url он рисует, передаю asset - не рисует)

Source={require()} Всегда рисовал

Dmitry

я require не использую нигде

Vitaly

Import используешь?

Dmitry

у меня ассеты все залинкованы в проектах и к ним обращения по алиасам

A

react-native-fast-image тоже бывает чудит) Передаю в него url он рисует, передаю asset - не рисует)

Так он не работает с ассетами, алло

Vitaly

Понял

Gena

Гы. А давайте собеседование устроим. Кто знает, чем в RN будет отличаться import от require, вызванного внутри функции в файле?

Dmitry

Так он не работает с ассетами, алло

А ну тогда все норм =)

Vall

Всем привет, кто-то работал с antd-mobile?

Dmitry

Всем привет, кто-то работал с antd-mobile?

мне не понравился, кривой

Vall

мне не понравился, кривой

Вот я из-за кривизны и спрашиваю

Aleksei

Гы. А давайте собеседование устроим. Кто знает, чем в RN будет отличаться import от require, вызванного внутри функции в файле?

один промис вернет, другой синхронно отработает? :)

Vall

Криво сделан ImagePicker, да и не только, вот хотел узнать или можно как-то сделать так, что бы доступ был ко всем картинкам, а не только к тем, что загружены с других приложений🤦‍♂️

Gena

один промис вернет, другой синхронно отработает? :)

Не, они отличаются только тем, в какой момент выполнится само тело модуля. В случае import (я имел ввиду обычный, сорри, надо было явно написать, не динамический, данамический просто превратится в отрезолвленный промис с результатом require), в случае import код из скоупа импортируемого модуля выполнится сразу, до выполнения кода в основном модуле, а в случае requrie, код импортируемого модуля выполнится в точке вызова require. При этом парсинг в любом случае произойдет при загрузке всего бандла (если это только не ram bundle).

Łōgäń

Возникла необходимость при смене страницы, показывать скролл вью сверху, а не с того момента на котором страницу покинули

Łōgäń

как это можно реализовать, может кто поможет?

Łōgäń

scrollTo на useEffect не раюотает(

George

Народ, а кто-нибудь имел опыт с three.js/expo? Есть ли какой-то пример типа "как сделать анимированного говорящего персонажа"?

Aanton

aanton.ru/cats009.html

Aanton

там на thee.js куча персонажей))

Aanton

вот умею three.js но не умею реакт. что делать?)))

ana 🪢

aanton.ru/cats009.html

Это прикольно)

Aanton

aanton.ru/aa/3d/aani4.html

Aanton

вот еще прикольное

Aanton

там только персонаж с текстурами на 20мб

Maxim 📱 D

прикольно, согласен)

George

вот умею three.js но не умею реакт. что делать?)))

Вот это психодел! Спасибо 🙂 А как-то исходники можно посмотреть - как это все вообще?

Kateryna

как разместить текст посередине от верхнего и нижнего края?

Irakliy

кажется, alignItems: ‘center’

Kateryna

кажется, alignItems: ‘center’

alignItems:'center',justifyContent: 'center' — не работает

Владимир

lineHeight поставьте равной высоте инпута

A

по загрузке картинок, что я упускаю? эту функцию дергаю во время маунта const images = { 'field17': require("/assets/images/on-boarding/field.17.jun.png"), 'field22': require("/assets/images/on-boarding/field.22.jun.png"), 'field25': require("/assets/images/on-boarding/field.25.jun.png"), 'field29': require("/assets/images/on-boarding/field.29.jun.png"), }; const loadImages = images => { return Promise.all(Object.keys(images).map(i => { let img = { ...Image.resolveAssetSource(images[i]), cache: 'force-cache' }; return Image.prefetch(img); })); useEffect(() => { console.log('did mount'); loadImages(images).then((results) => console.log(results)) }, []) выдаёт такую ошибку: com.facebook.react.bridge.ReadableNativeMap cannot be cast to java.lang.string @gblack9 есть идея?

Aanton

Вот это психодел! Спасибо 🙂 А как-то исходники можно посмотреть - как это все вообще?

а там помоему не закрыты исходники ну на главной aanton.ru примерно тоже самое и там исходники не закрыты

Maxim 📱 D

а там помоему не закрыты исходники ну на главной aanton.ru примерно тоже самое и там исходники не закрыты

да, в консоли можно код посмотреть

Aanton

вот вам еще психодела, раз понравилось aanton.ru/html5test

Aanton

и возьмите меня на работу)))

Nick

по загрузке картинок, что я упускаю? эту функцию дергаю во время маунта const images = { 'field17': require("/assets/images/on-boarding/field.17.jun.png"), 'field22': require("/assets/images/on-boarding/field.22.jun.png"), 'field25': require("/assets/images/on-boarding/field.25.jun.png"), 'field29': require("/assets/images/on-boarding/field.29.jun.png"), }; const loadImages = images => { return Promise.all(Object.keys(images).map(i => { let img = { ...Image.resolveAssetSource(images[i]), cache: 'force-cache' }; return Image.prefetch(img); })); useEffect(() => { console.log('did mount'); loadImages(images).then((results) => console.log(results)) }, []) выдаёт такую ошибку: com.facebook.react.bridge.ReadableNativeMap cannot be cast to java.lang.string @gblack9 есть идея?

а зачем префетчить локальные картинки? тем более require для картинки возвращает не путь до нее, а asset identifier, число, по которому нативный модуль может достать картинку

A

а зачем префетчить локальные картинки? тем более require для картинки возвращает не путь до нее, а asset identifier, число, по которому нативный модуль может достать картинку

мне нужно каким-то образом убедиться что все загрузились, чтобы листать их без flickering

Anastas

Привет =) Возможно, вы уже знаете про react-native-ui-kitten. На правах рекламы и как один из основных контрибьюторов - рекомендую обратить внимание на апдейт, который мы сегодня выпустили =) https://github.com/akveo/react-native-ui-kitten

привет! ui kitten можно использовать без typescript, а на es6 javascript? на оф сайте примеры на ts написаны, и kitten tricks полностью на ts написан