Nick
Denis
Denis
Как называется данный Пикер?
Denis
там выше фотографии из галерии показываются. Я думаю есть подобный компонент для работы с камерой?
Valentin
D
А можно вопросы типа, почему не работает hermes из коробки?))
D
Или InputText, кнопка send, когда type=send?))
D
Эх, жаль не в Москве ))
D
@shergin а случаем в Харькове не будете?
Alex
можно ли как-то получить в crashlytics не минифицированный JS-стектрейс?
D
Александр, Вы в Харькове? Когда у нас тут реакт тусовка намечается?)))
D
Через неделю примерно буду, можем организоваться ;)
D
Кстати, никого нет в Вильнюсе?
Alexey
снова привет дорогие, не подскажете как лучше делать запросы к серверу по таймауту и в результате обновлять redux store?
Alexey
скажите пожалуйста = получается компонент обновляется если обновляется проперти из редкус сторадж привязанная через коннект с помощью mapStateToProps???
Alexey
я по таймеру обновляю какой то объект стораджа а компонент все равно ререндерится даже если объект не изменялся?
Anonymous
я по таймеру обновляю какой то объект стораджа а компонент все равно ререндерится даже если объект не изменялся?
если всё правильно сделано, то не должно
Alexey
а как правильно?
Alexey
да нет вроде все по схеме делаю
Alexey
если беру весь объект стордажа то рендерится но если только то свойство что нужно мне то не рендерится
Alexey
Alexey
в мап стейт то пропс указываю весь обьект "корень"
Alexey
а если не весь а только одно свойство то которое не обновляется постоянно то нет рендера
Alexey
const reducer = (state = initialState, action) => {
switch (action.type) {
case SET_SERVER_AVAILABILITY:
return {
...state,
serverIsAvailable: action.isOn,
};
Alexey
вот так имутабельно?
Alexey
ну вот const initialState = {
token: null,
serverIsAvailable: true,
activeScreen: null,
};
Alexey
const mapStateToProps = state => {
return {
mainChannelTitle: state.chats.mainChannel.title,
activeScreen: state.auth.activeScreen,
};
};
export default connect(mapStateToProps, null)(withNavigation(ChatTitle));
Alexey
это компонент который служит заголовком в навигации
Alexey
внутри его метода render()
я беру этот пропс
if (this.props.activeScreen
Alexey
а раньше брал весь
Alexey
const mapStateToProps = state => {
return {
mainChannelTitle: state.chats.mainChannel.title,
auth: state.auth,
};
};
Alexey
if (this.props.auth.activeScreen
Alexey
и когда в auth обновлялось одно поле
Alexey
он рендерил заново весь компонент хотя поле не то что в условии было
Dmitry
Alf
По какой причине могут не отображаться компоненты в билд версии для андроида?)))))
Alf
тоесть в дев версии монтируется массив компонентов, всё ок. Но в билде монтируется только один и то не полностью
A
господа, есть хоть какой-нибудь способ в react-native вытянуть размеры (height, width) уже отрендереной картинки загруженной через source, c такими стилями:
<Image
style={{height: '100%', maxWidth: 315}}
source={ndviPict[index]}
resizeMode="contain" />
A
onLayout и onLoad выдают хрень
A
в первом случае всё ок с шириной, но херня с высотой, во втором наоборот
A
для чего это нужно, чтобы поверх картинки абсолютно спозиционировать точки-иконки
Aleksei
господа, есть хоть какой-нибудь способ в react-native вытянуть размеры (height, width) уже отрендереной картинки загруженной через source, c такими стилями:
<Image
style={{height: '100%', maxWidth: 315}}
source={ndviPict[index]}
resizeMode="contain" />
а если aspectRatio выставить что нибудь изменится?
A
а если aspectRatio выставить что нибудь изменится?
это какая-то относительная величина должна быть?
A
не совсем понимаю, что туда вписать. если maxWidth: 315, то величина у меня может быть любой , а если по высоте картинки не вмещается, то тогда начинает уменьшаться ширина
Gena
господа, есть хоть какой-нибудь способ в react-native вытянуть размеры (height, width) уже отрендереной картинки загруженной через source, c такими стилями:
<Image
style={{height: '100%', maxWidth: 315}}
source={ndviPict[index]}
resizeMode="contain" />
А вот так?
<View onLayout={...} style={{height: '100%'}}>
<Image style={{height: '100%', maxWidth: 315}} ... />
</View>
Gena
(только этот View не должен быть растянут через всякие alignItems во внешнем контексте)
A
мде, интересная задача
Alf
Aleksei
не совсем понимаю, что туда вписать. если maxWidth: 315, то величина у меня может быть любой , а если по высоте картинки не вмещается, то тогда начинает уменьшаться ширина
да хоть что нибудь, хоть 1, просто проверить теорию)
A
проверил) 1 и 2, и 315/321 = ширина / высота
Aleksei
еще вариант, но он не самый хороший, повесить в реф колбэк и там ref.measure сделать (и еще хуже - обернуть в setTimeout или rAF)
A
вот сейчас пробую с реф
A
по сути мне нужно получить хотя бы один параметр или высоту, или ширину, а другой я уже смогу вычислить
A
но так выходит, что сейчас я могу отловить или высоту или ширину, в зависимости от высоты блока в котором рендерится картинка
Ivan
Там еще есть Image.getSize(), но, возможно, оно будет заново грузить картинку, и бывает не срабатывает на андроидах
Shane
Привет. Помогите как исправить баг. Обновил rn до 0.60.4. в проекте использую resolver. При сборке ошибка bundling failed: TypeError [ERR_INVALID_ARG_TYPE]: Th e "path" argument must be of type string. Received type boolean/ react native
Metro, metro resolver ругаются
A
еще вариант, но он не самый хороший, повесить в реф колбэк и там ref.measure сделать (и еще хуже - обернуть в setTimeout или rAF)
а есть примерчик? у меня при логе console.log(ref) или console.log(ref.current) всё виснет, это и понятно. но посмотреть что там дернуть надо не получается 🤷♂️
Alexey
ребят подскажите пример где поглядеть или подскажите как повесить проверку по таймауту на доступность сервера и при недоступности сделать навигейт на отдельный экран?
A
еще вариант, но он не самый хороший, повесить в реф колбэк и там ref.measure сделать (и еще хуже - обернуть в setTimeout или rAF)
самое забавное что в инспекторе тоже видно, что высота у картинки 100%, хотя отриосована она на 2/3 родительского
Gena
неа
Это не может не работать. Проблема скорей всего не в том, что onLayout не срабатывает или что-то не то выдает.
Gena
Или может...
Gena
Лучше пример на github замутить с демонстрацией, потом можно баг репорт из него сделать.
Gena
для чего это нужно, чтобы поверх картинки абсолютно спозиционировать точки-иконки
Я кажется понял, почему это не работает. Оно работает и наверняка правильно. Вы хотите странного. Оно не знает размер картинки и позиционирует её как если бы никакой картинки не было, а был обычный View. Дальше внутри отображает картинку, масштабируя её по правилу "contain". Т.е. делает ровно то, что вы попросили.
Gena
Чтобы сделать элемент размером с картинку, надо эту картинку загрузить и получить её размеры ДО отрисовки тега Image, самому исходя из этих размеров расчитать требуемое место на экране и рендерить уже как <Image style={{ width: calculatedWidth, height: caclulatedHeight }} ... /> - это единственный способ в RN на сегодняшний день. Как узнать размеры картинки "ДО"? Либо знать их заранее, либо измерить через https://facebook.github.io/react-native/docs/image#getsize.
Мағжан
Всем привет
Sergei
Мағжан
Кто нибудь делал уже Мосты между Java -> ReactNative.
https://facebook.github.io/react-native/docs/communication-android
тут написано инструкция, но я не пойму у меня компонент который должен взаймодействовать с java находится в навигации.
Мне надо вызвать функцию на нативе и поучить результат. есть другие варианты, не подскажете
Gena
Кто нибудь делал уже Мосты между Java -> ReactNative.
https://facebook.github.io/react-native/docs/communication-android
тут написано инструкция, но я не пойму у меня компонент который должен взаймодействовать с java находится в навигации.
Мне надо вызвать функцию на нативе и поучить результат. есть другие варианты, не подскажете
Делал. Сперва по инструкции, потом так 😂
В чем проблема то? В том что нельзя получить результат синхронно, а можно только промис?
Мағжан
я даже как промис не смог получить. В доке пишется что даныне передаются как пропс к самому верхнему компоенту. И я представляю как мне надо настраисвать передачу пропсов до нужного компонента. Да и в react-navigation-е помоему нельзя передавать пропсы только параметры,
Проблема такая написал я на java модуль для Подписи через сертификат, все подписывается и работает, java фнукция успешно вызывается, а вот получить результать не поучается. использовал вот этот метод
https://stackoverflow.com/questions/46032563/how-to-call-javascript-method-in-react-native-on-android-platform
но дял ее работы нужно делать const export new Xxxxxx(); А у экпортироваемого Реакт Компонента должен быть конструктор(((
Мағжан
Как я могу получить ответ от Java подскажите пожалуйста, поделитесь опытом
Gena
я даже как промис не смог получить. В доке пишется что даныне передаются как пропс к самому верхнему компоенту. И я представляю как мне надо настраисвать передачу пропсов до нужного компонента. Да и в react-navigation-е помоему нельзя передавать пропсы только параметры,
Проблема такая написал я на java модуль для Подписи через сертификат, все подписывается и работает, java фнукция успешно вызывается, а вот получить результать не поучается. использовал вот этот метод
https://stackoverflow.com/questions/46032563/how-to-call-javascript-method-in-react-native-on-android-platform
но дял ее работы нужно делать const export new Xxxxxx(); А у экпортироваемого Реакт Компонента должен быть конструктор(((
Зачем вызывать js метод из натива? Наоборот, надо сделать нативное апи, которое вызывать из js, вот как в react-native-fs, к примеру: https://github.com/itinance/react-native-fs/blob/master/android/src/main/java/com/rnfs/RNFSManager.java#L870-L895
И вызывается это там через вот такую js прослойку: https://github.com/itinance/react-native-fs/blob/master/FS.common.js#L212-L214
А в коде у пользователя:
import RNFS from 'react-native-fs'
...
RNFS.getFSInfo().then((info) => {
console.log('free space: ', info.freeSpace)
})
A
Чтобы сделать элемент размером с картинку, надо эту картинку загрузить и получить её размеры ДО отрисовки тега Image, самому исходя из этих размеров расчитать требуемое место на экране и рендерить уже как <Image style={{ width: calculatedWidth, height: caclulatedHeight }} ... /> - это единственный способ в RN на сегодняшний день. Как узнать размеры картинки "ДО"? Либо знать их заранее, либо измерить через https://facebook.github.io/react-native/docs/image#getsize.
Вряд ли сработает, картинка локальная у меня, и изначальные размеры её я знаю, а вот как быть с размерами которые выставились после того как она ресайзнулась в зависимости от высоты родителя - вопрос
Gena
Вряд ли сработает, картинка локальная у меня, и изначальные размеры её я знаю, а вот как быть с размерами которые выставились после того как она ресайзнулась в зависимости от высоты родителя - вопрос
Да, если локальная, всё чуть проще. Размеры возможно высчитать, но не во всех случаях (не получится, если на них может повлиять flex соседних элементов, который сам зависит от собственных размеров картинки... там тогда такая нехилая задача на оптимизацию получается).
A
Да, если локальная, всё чуть проще. Размеры возможно высчитать, но не во всех случаях (не получится, если на них может повлиять flex соседних элементов, который сам зависит от собственных размеров картинки... там тогда такая нехилая задача на оптимизацию получается).
Так а как высчитать? Я со вчерашнего обеда бьюсь с этой задачей( уже думаю хардкодить высоту картинки в зависимости от размеров девайса