Size: a a a

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

2020 April 27

GM

Gevorg Mirzoyan in React Native — русскоговорящее сообщество
klichg0ky
React navigation
я не про нижний скролл
источник

S

Steve in React Native — русскоговорящее сообщество
Gevorg Mirzoyan
Всем привет. Кто знает как можно сделать скролл как у Инстаграмма? При скролле фиксируются табы и тд
Animated + Gestures handler
источник

T

Timur in React Native — русскоговорящее сообщество
Всем привет, использую react navigation 5, нужно скруглить header, сделал через добавление параметров нужному экрану:

headerStyle: {
   backgroundColor: "#872292",
   height: 100,
   borderBottomLeftRadius: 25,
   borderBottomRightRadius: 25,
  },

Как можно сделать так, чтобы фон под хэдером был тоже красного цвета?)
источник

AV

Anton Vlasov in React Native — русскоговорящее сообщество
Timur
Всем привет, использую react navigation 5, нужно скруглить header, сделал через добавление параметров нужному экрану:

headerStyle: {
   backgroundColor: "#872292",
   height: 100,
   borderBottomLeftRadius: 25,
   borderBottomRightRadius: 25,
  },

Как можно сделать так, чтобы фон под хэдером был тоже красного цвета?)
cardStyle проперти у экрана в навигейшене, кажется так называется
источник

T

Timur in React Native — русскоговорящее сообщество
Anton Vlasov
cardStyle проперти у экрана в навигейшене, кажется так называется
Не помогло, просто у меня уже задний фон задан через headerStyle
источник

ΓΧ

Γιωργος Χηονιδι... in React Native — русскоговорящее сообщество
Всем привет, использую экспо, сделал кнопку для выбора фотки из галереи,  всё работает на ios, но на android выдаёт ошибку [Unhandled promise rejection: Error: Encountered an exception while calling native method: Exception occurred while executing exported method
launchImageLibraryAsync on module ExponentImagePicker: null]
источник

ΓΧ

Γιωργος Χηονιδι... in React Native — русскоговорящее сообщество
источник

AM

Alexsandr Menshikov in React Native — русскоговорящее сообщество
Timur
Всем привет, использую react navigation 5, нужно скруглить header, сделал через добавление параметров нужному экрану:

headerStyle: {
   backgroundColor: "#872292",
   height: 100,
   borderBottomLeftRadius: 25,
   borderBottomRightRadius: 25,
  },

Как можно сделать так, чтобы фон под хэдером был тоже красного цвета?)
Задниций цвет передай через навигатор
источник

AM

Alexsandr Menshikov in React Native — русскоговорящее сообщество
Anton Vlasov
cardStyle проперти у экрана в навигейшене, кажется так называется
Ага все правильно говоришь)
источник

AM

Alexsandr Menshikov in React Native — русскоговорящее сообщество
Alexsandr Menshikov
Ага все правильно говоришь)
Туда background передаёшь
источник

AM

Alexsandr Menshikov in React Native — русскоговорящее сообщество
В доке все есть
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Есть FlatList с карточками, которые обернуты в PanGestureHandler, их можно смахивать. Механика аля тиндер.
Список может быть большим, соответственно есть скролл. Но при скролле начинают срабатывать жесты на карточках и мешают привычному поведению скролла.
Поставил activeOffsetY для PanGestureHandler, немного помогает, но не совсем. Он будто блочит только onGestureEvent, а onHandlerStateChange по-прежнему срабатывает как обычно.
Подскажите, как лучше сделать.
источник

VO

Vitalii Obideiko [Ob... in React Native — русскоговорящее сообщество
Данила Андреев
Есть FlatList с карточками, которые обернуты в PanGestureHandler, их можно смахивать. Механика аля тиндер.
Список может быть большим, соответственно есть скролл. Но при скролле начинают срабатывать жесты на карточках и мешают привычному поведению скролла.
Поставил activeOffsetY для PanGestureHandler, немного помогает, но не совсем. Он будто блочит только onGestureEvent, а onHandlerStateChange по-прежнему срабатывает как обычно.
Подскажите, как лучше сделать.
нигде такого не видел. Ну и имхо либо у дезайнера плохо с UX, либо заказчику не донесли
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Vitalii Obideiko [Obidos]
нигде такого не видел. Ну и имхо либо у дезайнера плохо с UX, либо заказчику не донесли
Ну как минимум у тиндера.
источник

VO

Vitalii Obideiko [Ob... in React Native — русскоговорящее сообщество
Данила Андреев
Ну как минимум у тиндера.
а можно ссылку где у них скрол вертикальный и горизонтальные смахивания?
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Могу скринкаст.
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Пойдёт?
источник

AV

Anton Vlasov in React Native — русскоговорящее сообщество
Давай
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
источник

VO

Vitalii Obideiko [Ob... in React Native — русскоговорящее сообщество
О_О
ух ты. Не видел такого
Что могу прикинуть на догадке, что есть какой-то трешхолд в движении юзера. И после того как это растояние пройдено смотрится куда вектор больше смотрит по горизонтали или вертикали, ну и активируется скрол или свайп
источник