http://prntscr.com/khrcqq

"transformIgnorePatterns": [ "node_modules/(?!(react-native|lottie-react-native|expo|react-native-maps|react-native-svg|react-native-branch|native-base-shoutem-theme|react-native-easy-grid|react-native-drawer|react-native-vector-icons|react-native-keyboard-aware-scroll-view|react-navigation|native-base|@expo|react-native-scrollable-tab-view)/)" ] описан в игнорах

в тестах не сильно давно, подскажите в чем трабл ? откуда он берет етот импорт, понять не могу

Так а react-native-iphone-x-helper же не в transformIgnorePatterns? Я б на вашем месте вообще всё что начинается с react-native- из ignore исключил

Т.е. что-то типа "node_modules/(?!(react-native.*|lottie-react-native|expo|@expo)/)"

сделал так : "transformIgnorePatterns": [ "node_modules/.+(?!(react-native.*|native-base.*|lottie-react-native|expo|@expo)/)" ] теперь другой импорт )) но на него игнор прописан

http://prntscr.com/khrrte

сделал так : "transformIgnorePatterns": [ "node_modules/.+(?!(react-native.*|native-base.*|lottie-react-native|expo|@expo)/)" ] теперь другой импорт )) но на него игнор прописан

Не прописан... ".+", которую вы перед скобкой записали, означает 1 или больше любых символов... соотвественно "node_modules/native-base-shoutem-theme" туда не попадает... более того, даже "node_modules/react-native" туда не попадает

Туда попадет например такое: "node_modules/Areact-native/", "node_moduels/AAAreact-native"... но это явно, не то, что вам нужно )

Не прописан... ".+", которую вы перед скобкой записали, означает 1 или больше любых символов... соотвественно "node_modules/native-base-shoutem-theme" туда не попадает... более того, даже "node_modules/react-native" туда не попадает

где не прописан ?) вроде же там есть)

Я уже написал, ваша регулярка "сматчит" (т.е. добавит в игнор) строку "node_modules/native-base-shoutem-theme/index.js", но не "сматчит" и будет процессить через бабел "node_modules/XXXnative-base-shoutem-theme/index.js"

Это из-за вот этого куска перед открывающей круглос скобкой ".+"

отлично, убрал его и все заработало) ты лучший ))))

const borderInput = Platform.OS === 'ios' ? 1 : 0 читая собственный код можно заметить предпочтения к определенной ОС 🙂

ребят кто то утсанавливал WebStorm редактором для REACT_EDITOR ? редактор открывается но - Cannot Find File выдает я так понимаю из-за того что аргументом передается еще номер строки

const borderInput = Platform.OS === 'ios' ? 1 : 0 читая собственный код можно заметить предпочтения к определенной ОС 🙂

Читая собственный код, можно заметить, что ios короче android

🙂

ребят кто то утсанавливал WebStorm редактором для REACT_EDITOR ? редактор открывается но - Cannot Find File выдает я так понимаю из-за того что аргументом передается еще номер строки

export REACT_EDITOR=/Applications/WebStorm.app/Contents/MacOS/ это export REACT_EDITOR=webstorm

видно он не парсит прямой пусть а линк норм воспринимает

Всем привет. Кто-нибудь сталкивался с багом fetch unsupported bodyinit type ?

Проблема в том что в третьем табе включается камера для сканирования, а когда перехожу на другой таб камера все ещё работает

Есть ли какой-нибудь willdisappear как в Айос или как вообще решить эту проблему?

Почему Platform из react-native не видно в вебе? Есть проверка Platform.OS === 'web'

с каких пор есть в платформах - веб?

Не. Просто react-native

Неа

Короче. У меня одно приложение для веба и натива. Такая строка export default Platform.OS === 'web' ? localStorage : AsyncStorage;

Короче. У меня одно приложение для веба и натива. Такая строка export default Platform.OS === 'web' ? localStorage : AsyncStorage;

я так понял просто функция повторяется, в вебе на реакте нет platform проверки

А нужен ли react-native-web? Это, в принципе, единственная такая проверка. У меня, допустим, есть компонент и у него 2 точки входа .tsx и .native.tsx. Здесь все нормально. А тут хотел сделать через одну точку входа

или я не пойму как на RN можно и веб и приложение сделать ¯\_(ツ)_/¯

или я не пойму как на RN можно и веб и приложение сделать ¯\_(ツ)_/¯

Смотри. У меня логика описана независимо. А потом я выбираю компонент для отрисовки. И там уже зависит от платформы. Я пишу import Component from './Component'; И он сам определяет, подгрузить Component.tsx или Component.native.tsx

Короче. Почему в вебе не видно Platform из react-native?

потому что веб не пишут на react native

потому что веб не пишут на react native

Я не дебил

потому что веб не пишут на react native

У меня для отрисовки используется либо ReactJS, либо RN

ну так посмотри как ты вопрос задаешь, пацаны пишу на RN и веб и мобайл, почему в вебе нет Platform? потому что RN не работает с вебом, ну или тебе RN-web нужен

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

React native web это другой разговор

Ребят привет, кто-нибудь может подкинуть пару работ своих из портфолио (исходники) с целью изучения ?

в лс :)

за react-native-dom 😉

никто и не предлагл его в продакшен. Это экспериментальный рисерческий проект в данный момент

Здравствуйте Как можно спрятать/показать BottomTabNavigator на скрине по клику кнопки на этом же скрине?

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

Зачем там тогда проверка на web?

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

То есть rnw норм и его можно юзать в продакшн?

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

Vscode явно даёт понять, что там может быть web, macos, windows, android и ios

VSCode) я в доке смотрю, а не в редакторе

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

если чо - react-native-dom это пацаны упоролись и написали свой порт React native включая йогу, который работает в браузерном окружении внутри отдельного воркера, собирается без вебпака и вообще типа не знает про браузер

Ребят привет

Как в webView клавиатуру сделать что бы выезжала при активном импуте ?

Добрый день Пишу чат и когда у меня подкгружается чат и я передаю массив данных FlatList подгружает итемы порциями. Как заставить его сразу отрисовать весь массив?

removeClippedSubviews={false}

может оно

removeClippedSubviews={false}

не помогло

Добрый день Пишу чат и когда у меня подкгружается чат и я передаю массив данных FlatList подгружает итемы порциями. Как заставить его сразу отрисовать весь массив?

Даже ту часть, что за пределами видимости? Если да - то не использовать FlatList, если нет, то там есть пропсы для управления размером "окна" и начальным размером "окна"

Почему Platform из react-native не видно в вебе? Есть проверка Platform.OS === 'web'

Из дальнейшей дискуссии я примерно понял, что вы делаете... для таких вещей есть dependency injection... не надо там Platform с условиями использовать...

Даже ту часть, что за пределами видимости? Если да - то не использовать FlatList, если нет, то там есть пропсы для управления размером "окна" и начальным размером "окна"

У меня в сторе уже есть все данные мне нужно их выгрузить и прокрутить чат в самый низ. Он показывает например 20 а дальше подгружает те что мне не видно. Вы говорите не использовать Flat List а что тогда вместо него ?

ребят, что сделать кастомный bottom navigator из react-navigation, надо пилить реакт копмпонент, сверстать что надо, и на клики икиноку накинуть createStackNavigator??

У меня в сторе уже есть все данные мне нужно их выгрузить и прокрутить чат в самый низ. Он показывает например 20 а дальше подгружает те что мне не видно. Вы говорите не использовать Flat List а что тогда вместо него ?

Я говорю не использовать его, если вам надо показать все данные, даже те, которых не видно. Ну хорошо, не видно одновременно... Для этого вообще ничего, кроме ScrollView не нужно... Если это не так и св-ва FlatList'а по экономии памяти нужны, то это уже интересней... можете чуть ещё подробней описать задачу? Нужно прокрутить чат в самый низ... зачем?

Просто то, что у вас не работает либо не так делается обычно, либо баг в FlatList'е коих дофига

Может вам на самом деле хватит св-ва inverted для того чтоб сообщения внизу чата появлялись?

Я говорю не использовать его, если вам надо показать все данные, даже те, которых не видно. Ну хорошо, не видно одновременно... Для этого вообще ничего, кроме ScrollView не нужно... Если это не так и св-ва FlatList'а по экономии памяти нужны, то это уже интересней... можете чуть ещё подробней описать задачу? Нужно прокрутить чат в самый низ... зачем?

внизу расположенно поле ввода сообщения и после того как я педею в flatlist данные он начиет их по немногу подгружать. в onContentSizeChange я засунул прокрутку this.flatList.scrollToOffset({ offset: this.contentSize, animated: true }) при выполнении onContentSizeChange вижу как прыгает прокрутка

Там во флэтлисте короче был баг раньше с этим оффсетом, что если ты его рендерил с отступом, то он зачем то рендерил все что сверху тоже и это прям проблема. А inverted нормально работал.

Может конечно сейчас починили

Там во флэтлисте короче был баг раньше с этим оффсетом, что если ты его рендерил с отступом, то он зачем то рендерил все что сверху тоже и это прям проблема. А inverted нормально работал.

он и сечас есть

внизу расположенно поле ввода сообщения и после того как я педею в flatlist данные он начиет их по немногу подгружать. в onContentSizeChange я засунул прокрутку this.flatList.scrollToOffset({ offset: this.contentSize, animated: true }) при выполнении onContentSizeChange вижу как прыгает прокрутка

В общем угадал )) Св-во inverted и всё будет

Св-во inverted в FlatList тоже работает не очень давно... например в react-native-gifted-chat его через сторонний модуль реализуют

Ребят привет, только начал изучать RactNative. Совсем простые штуки у меня уже запускаются, но пробую подключить native-base и с этого момента у меня перестаёт запускаться приложение на эмуляторе (expo + qemu android). При команде yarn android start всё виснет на неопределенный срок на этапе Starting packager... Не запускается даже тот проект, который до добавления библиотек работал. Связки пробовал уже разные, в т.ч. из самых свежих библиотек: "expo": "^29.0.0", "native-base": "^2.7.2", "@expo/vector-icons": "^6.3.1", "react": "^16.4.2", "react-native": "^0.56.0" Встречал ли кто такое? Может ли кто-то посоветовать что почитать/поделать, чтобы исправить?

С прокруткой там огромное кол-во багов... часть из них можно порешать, если вы можете задать getItemLayout и сами посчитать размер элемента... Но с чатом это практически нереально. Плюс куча багов вылезает когда header/footer используются

@nikmedoed react-native": "^0.56.0"

expo его не поддерживает

используйте это: "react-native": "https://github.com/expo/react-native/archive/sdk-29.0.0.tar.gz",

expo его не поддерживает

А "react-native": "~0.55.2" поддерживает? С ним до добавления native-base работало

используйте это: "react-native": "https://github.com/expo/react-native/archive/sdk-29.0.0.tar.gz",

😒

😒

А как им пользоваться? Везде речь идёт об установке npm/ Содержимое архива закинуть в папку node_modules проекта?

редактируете package.json и запускаете npm install в терминале

или «yarn install» вроде, в вашем случае

Ребята, а есть какой то нормальный эмулятор под андроид, что бы менее требовательный чем андроид студия?