Алексей
не знаю с чего начать даже. думал есть готовые решения
Denys
Всем привет, может кто видел такую же штуку под react-native??
https://coldiary.github.io/react-image-mapper/
Eldar
У меня несколько одниаковых функций, котоыре я хочу обьеденить в одну.
changeToken() {
if (this.state.token === 0) {
return this.setState({ token: 1 })
}
return this.setState({ token: 0 })
}
То есть передавать this.state.token
Это вообще ок делать?
Gena
У меня несколько одниаковых функций, котоыре я хочу обьеденить в одну.
changeToken() {
if (this.state.token === 0) {
return this.setState({ token: 1 })
}
return this.setState({ token: 0 })
}
То есть передавать this.state.token
Это вообще ок делать?
https://reactjs.org/docs/state-and-lifecycle.html#state-updates-may-be-asynchronous
invariance
Ребятки, юзаю react-native-camera-kit, у кого-нибудь есть предположения, почему оно показывает черный экран? В android-manifest пермишены поставил
Nick
invariance
?
invariance
Хмммм
invariance
похоже проблема в навигаторе
invariance
Эээ, чет пздц) И непонятно как гуглить
invariance
навигатор ломается от камеры, камера от навигатора
invariance
Но на девайсе все работает, значит в эмуляторе дело
invariance
Хмм, но даже на девайсе оно лагает странным образом
Evgeniy
На iOS симулятор не позволяет получать видео с камеры, может на андроиде также?
invariance
делаю переход на камеру - все ок, делаю на другой экран - экран становится черным (кроме навбара), затем делаю переход обратно на камеру, потом опять на другой экран - и все чинится. Втф?
invariance
Похоже придется юзать камеру как отдельный компонент вне стэка навигатора
Aynur
с обычной rn-camera проблем нет
invariance
Возможно глупый вопрос: можно ли юзать await внутри componentDidMount?
Nick
Возможно глупый вопрос: можно ли юзать await внутри componentDidMount?
да никто и не запрещает https://www.dalejefferson.com/async-await-with-react-lifecycle-methods/
Evgeniy
invariance
андроид
invariance
вызвать у инпута onBlur / blur
Evgeniy
в смысле?
на каком-то экране у тебя есть компонент камеры, когда уходишь с этого экрана через стейт (или как тебе удобно) меняй какой-нибудь флаг и не рендерь компонент камеры
invariance
react-navigation
invariance
на каком-то экране у тебя есть компонент камеры, когда уходишь с этого экрана через стейт (или как тебе удобно) меняй какой-нибудь флаг и не рендерь компонент камеры
не рендерить - типа isScreenFocused ? <Camera/> : null ?
invariance
Кстати про флаги. Почему то setState не работает внутри обработчика события для навигатора
invariance
this.props.navigation.addListener(
'didFocus',
() => {
this.setState({
isScreenFocused: true
});
console.log(this.state);
}
);
invariance
при этом console.log отрабатывает 💁♂️
Кирилл
при этом console.log отрабатывает 💁♂️
this.props.navigation.addListener(
'didFocus',
() => {
this.setState({
isScreenFocused: true
}, () => console.log(this.state));
}
);
вот так попробуй)
Кирилл
будет чудо тебе
invariance
как насчет не флудить
invariance
=_=
invariance
Кирилл
в том, что setState() не синхронный
invariance
Я попытался заменить его на обычное свойство класса
Кирилл
и у него есть коллбек
invariance
понял
Vadim
Блин, целый день бьюсь с FacebookSDK.
fatal error: 'FBSDKShareKit/FBSDKShareKit.h' file not found и не билдится
Vadim
Во всех решениях:
Double Click on Framework Search Path, fill using the folder path of FacebookSDK, recommeded path by Facebook is on ~/Documents/FacebookSDK
Делаю. Пофигу.
D
Знает кто хороший способ или модуль для росиписи юзера пальцем?
Пробовал заюзать react-native-signature-capture да только никак поставить не могу пока что... в начале была ошибка Android dependency 'com.android.support:support-v4' has different version for the compile (23.0.1) and runtime (26.1.0) classpath. You should manually set the same version via DependencyResolution
сделал implementation "com.android.support:appcompat-v7:26.1.0" в andoid/app/build.grandle
теперь пишет уже ,, MainActivity.java:4: error: cannot find symbol import com.facebook.react.ReactActivityDelegate
Vlad
Знает кто хороший способ или модуль для росиписи юзера пальцем?
Пробовал заюзать react-native-signature-capture да только никак поставить не могу пока что... в начале была ошибка Android dependency 'com.android.support:support-v4' has different version for the compile (23.0.1) and runtime (26.1.0) classpath. You should manually set the same version via DependencyResolution
сделал implementation "com.android.support:appcompat-v7:26.1.0" в andoid/app/build.grandle
теперь пишет уже ,, MainActivity.java:4: error: cannot find symbol import com.facebook.react.ReactActivityDelegate
О это веселое занятие, я так в пакете сканирования переписывал код в форке чтобы работало!
Vlad
Пакеты сырые, надо влезать и разбираться
Anton
Всем привет! Подскажите, кто как делает анимацию svg?
Есть готовая svg и там есть тэг animate, но react-native-svg не поддерживает анимацию
Gena
Gena
ну, спорно, с SVG отлично работает, конверчу в нужный формат и все
В какой формат? react-native-svg - это jsx, похожий внешне на svg и эмулирующий очень небольшое подмножество того, что на самом деле svg умеет. Т.е. к svg он имеет такое же отношение как, скажем, картинка масла к реальному маслу )
Gena
Что касается веркторных анимаций, то я сам не пробовал, но скорей всего есть только один нормальный компонент для этого - https://github.com/react-native-community/lottie-react-native (по крайней мере, если бы у меня была такая задача, то это первое, на что бы смотрел)
Dmitry
Никита
Народ, кто как организует шаринг кода между прилками? Задача написать приложение для клиентов и для персонала.
Выносить общий код в npm модуль не хочется - при изменении кода надо переустанавливать модуль, неудобно. Хотя может я что не понимаю
Danila
ctrl+c, ctrl+v
Никита
Никита
думаю такое организовать
вынести общий код на уровень выше и получить стркутуру:
- клиент
- персонал
- общее
но метро из коробки так импортить не дает. Ковыряю конфиг (rn-cli.config.js)
const path = require('path');
module.exports = {
projectRoot: path.resolve(__dirname),
watchFolders: [
path.resolve(__dirname, "../common")
],
};
Gena
думаю такое организовать
вынести общий код на уровень выше и получить стркутуру:
- клиент
- персонал
- общее
но метро из коробки так импортить не дает. Ковыряю конфиг (rn-cli.config.js)
const path = require('path');
module.exports = {
projectRoot: path.resolve(__dirname),
watchFolders: [
path.resolve(__dirname, "../common")
],
};
Сейчас, у меня есть этот вариант конфигурации...
Gena
https://github.com/vovkasm/react-native-web-image/blob/develop/rn-cli.config.js (единственное, я его не апдейтил давно, мог устареть)
Eugene
https://gist.github.com/hellpirat/6fbcf37b047b90d757f472f30ef20295
🤔как такое код прочитать/перевести на js?
Gena
Вот. Тут есть несколько вариантов:
- metro до сих пор при сканировании projectRoot детектит модули по наличию package.json (их можно нормально включать и использовать)
- есть плагин babel-plugin-module-resolver
- с моно-репами не экспериментировал и не знаю как с ними сетап делать нормально
- ну и мой любимый вариант - это всё таки выносить вотдельную репо модуль и править отдельно (это улучшает интерфейс модуля и заставляет писать тесты). И всеми поддерживается (что npm, что yarn умеют ставить модули прям из git)
Kto?
Народ, кто как организует шаринг кода между прилками? Задача написать приложение для клиентов и для персонала.
Выносить общий код в npm модуль не хочется - при изменении кода надо переустанавливать модуль, неудобно. Хотя может я что не понимаю
https://github.com/terrysahaidak/react-native-tips-and-tricks/blob/master/README.md#bundling
Kto?
Никита
@gblack9 @Debian94 спасибо, поковыряю
Gena
https://gist.github.com/hellpirat/6fbcf37b047b90d757f472f30ef20295
🤔как такое код прочитать/перевести на js?
Перевести на js скорей всего никак, а вот прочитать - пожалуйста:
1. Создаем григорианский календарь
2. Создаем объект components, в который из текущей даты вытаскиваем день, месяц, год, часы, минуты и секунды, пользуясь правилами календаря.
4. Достаем год из components в целочисленную переменную year
5. Копируем содержимое этой переменной побайтово в динамическую область памяти, заодно выделяя её
6. year1 = первый байт области памяти из шага 5
7. year2 = второй байт области памяти из шага 5
(это очень плохой код, он делает бессмысленные и ненужные вещи, и, скорее всего, не правильно)
Eugene
Вот я на year1/year2 и застрял:(
🤔 мне грубо говоря нужно взять день, месяц, год, часы, минуты и секунды, запихнуть в массив это все, в байтах
Gena
В какой массив? Просто js не очень рассчитан на работу с байтами (особенно в RN)
Eugene
https://github.com/andengineering/BLE_iOS_SampleApp/blob/master/BLE2/Modal/ADBloodPressure.m#L351 код на obj+c взял отсюда:)
Борюсь с bluetooth устройствами и как я понял надо при коннекте отправлять текущую дату в байтах
Gena
Эмм... меня всё ещё эти куски года смущают... чего девайс то хочет известно или это реверс-инжинеринг?
Eugene
https://github.com/innoveit/react-native-ble-manager#writeperipheralid-serviceuuid-characteristicuuid-data-maxbytesize использую это для работы с bluetooth - data - Byte array - the data to write.
Eugene
Эмм... меня всё ещё эти куски года смущают... чего девайс то хочет известно или это реверс-инжинеринг?
Ковыряю по примерам кода которые есть у разрабов этого устройства....
Если честно больше на реверс-инжинеринг похоже.
У них не доки, не обновленных примеров :(
Eugene
🤔а какие есть варианты декомпилировать приложение на ios?
И возможно ли это без танцев и джейлбрейка?
Сергій
🤔а какие есть варианты декомпилировать приложение на ios?
И возможно ли это без танцев и джейлбрейка?
Да, скачать с эппстора с помощью Apple Configurator 2, а там уже разобрать каким-то дизассемблером
Eugene
Хм, спасибо, буду пробовать
invariance
Ребят, юзаю в общем довольно стандартный https://reactnavigation.org/docs/en/bottom-tab-navigator.html
В кач-ве иконок юзаю одну из популярнейших либ. И вот проблема в том, что цвет иконки устанавливается через кастомный пропс color, а этот навбар работает со стилями, судя по всему (когда выделяет активную вкладку на навбаре). Вопрос: как мне установить цвет иконки, который прописан в конфиге навбара? Вручную проверять isFocused и устанавливать руками?
Artem
Привет. Использую react navigation и нужно чтобы при скроле хедер сворачивался. Можно ли это реализовать, помогите пожалуйста советом как это сделать? Также есть кейс чтобы скрывался только search bar, находящийся под хедером.
invariance
чекаешь onScroll у ScrollView
Artem
чекаешь onScroll у ScrollView
а дальше что делать, какое свойство нужно для навигатора чтобы это выглядело красиво?
invariance
плавно задвигаешь навбар на отрицательный отступ его высоты, полагаю
H
Здравствуйте кто имел дело с viroReact когда я подключаю навигацию у меня выдает еррор
invariance
Блин, очень печально, что react-navigation поддерживает анимацию только в createStackNavigator, а мне оно нужно в authentication flow (т.е. в createSwitchNavigator)