Size: a a a

React Native — русскоговорящее сообщество

2020 January 07

D

Demuz in React Native — русскоговорящее сообщество
Roman
Да, имеено этот непрятный эффект.
Он обычно появляется от компонентов типа KeyboardAwareScrollView или KeyboardAvoidingView
источник

D

Demuz in React Native — русскоговорящее сообщество
Без анимирования плейсхолдера тот же эффект, да?
источник

D

Demuz in React Native — русскоговорящее сообщество
Demuz
Он обычно появляется от компонентов типа KeyboardAwareScrollView или KeyboardAvoidingView
Ещё бывает при использовании SafeAreaView, толи из RN, толи из react-navigation, при использовании с определенными компонентами.
источник

R

Roman in React Native — русскоговорящее сообщество
Я сейчас полностью удалил все от Native Base – все работает как и должно (правда без нужных стилей).

KeyboardAwareScrollView или KeyboardAvoidingView — спасибо за «наводку».
Посмотрю, что можно сделать.
источник

D

Demuz in React Native — русскоговорящее сообщество
Roman
Я сейчас полностью удалил все от Native Base – все работает как и должно (правда без нужных стилей).

KeyboardAwareScrollView или KeyboardAvoidingView — спасибо за «наводку».
Посмотрю, что можно сделать.
Это не прям из-за этих компонентов. Просто они в сочетании с определенными стилями во вложенных чайлдах могут так гнать.
источник

R

Roman in React Native — русскоговорящее сообщество
Demuz
Это не прям из-за этих компонентов. Просто они в сочетании с определенными стилями во вложенных чайлдах могут так гнать.
Возможно, но "странность" в том, что данное поведение характерно только если пользователь ввёл какие-то данные в поле.
источник

D

Demuz in React Native — русскоговорящее сообщество
По сути так происходит, у вас убирается клавиатура, потому что вы нажали ентер. Такая логика фокусит  следующий инпут и анимирует движение скролла к этому инпуту, но, клавиатура ведь к осталась на месте, а убралась и, получается эффект подергивания.
источник

D

Demuz in React Native — русскоговорящее сообщество
Roman
Возможно, но "странность" в том, что данное поведение характерно только если пользователь ввёл какие-то данные в поле.
Скорей всего это получается, когда вы именно ентер на клавиатуре нажимаете и она пытается перейти к следующему инпуту, а скролл пытается отрисовать анимированное передвижение ко следующему инпуту, посмотрите.
источник

D

Demuz in React Native — русскоговорящее сообщество
Вот проверьте, если вы оставите Клаву на месте, скорей всего эффекта подергивания не будет
источник

D

Demuz in React Native — русскоговорящее сообщество
Это происходит ещё, если лишний элемент появляется на экране, либо удаляется. В данном случае, это лишний анимированный плейсхолдер.
источник

R

Roman in React Native — русскоговорящее сообщество
Demuz
Скорей всего это получается, когда вы именно ентер на клавиатуре нажимаете и она пытается перейти к следующему инпуту, а скролл пытается отрисовать анимированное передвижение ко следующему инпуту, посмотрите.
Да, я об этом как раз думал. Но если ничего не ввести, и нажать на Enter — подёргивания не будет.
источник

R

Roman in React Native — русскоговорящее сообщество
@Demuzz Спасибо.
источник

D

Demuz in React Native — русскоговорящее сообщество
Roman
Да, я об этом как раз думал. Но если ничего не ввести, и нажать на Enter — подёргивания не будет.
Когда вы не вводите данные, ваш стейт в этом экране не меняется, и по ходу какой то скрол не меняет своей высоты или что-то в этом роде, но потом происходит обратное, вы вводите данные, стейт меняется,  начинается перерасчёт пространства и вот тут начинает гнать.
источник

D

Demuz in React Native — русскоговорящее сообщество
Roman
@Demuzz Спасибо.
👍🏻
источник

D

Demuz in React Native — русскоговорящее сообщество
У меня этот баг только на Андроидах кстати встречался.
источник

AM

Aqua Min in React Native — русскоговорящее сообщество
Сталкивался кто с ошибкой, что при попытке залить пнг файлы на гитхаб выводится в консоль следующая ошибка:
uploads.js:77 POST https://github-production-upload-manifest-file-7fdce7.s3.amazonaws.com/ net::ERR_CONNECTION_RESET
Как фиксить?
источник

MB

Max Boychenko in React Native — русскоговорящее сообщество
Использует кто-нибудь styled-components в продакшене?
источник

MB

Max Boychenko in React Native — русскоговорящее сообщество
Aqua Min
Сталкивался кто с ошибкой, что при попытке залить пнг файлы на гитхаб выводится в консоль следующая ошибка:
uploads.js:77 POST https://github-production-upload-manifest-file-7fdce7.s3.amazonaws.com/ net::ERR_CONNECTION_RESET
Как фиксить?
Что значит 'залить на гихаб'?
источник

AM

Aqua Min in React Native — русскоговорящее сообщество
В репозиторий
источник

MB

Max Boychenko in React Native — русскоговорящее сообщество
git push?
источник