Size: a a a

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

2020 January 05

🔥

🔥 in React Native — русскоговорящее сообщество
da
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Так я тут не туда явно поглядел. Для уточнения:
- Это всё же какой компонент, тот что Iryna указывала xgfe/react-native-datepicker или тот, что вы указывали react-native-community/react-native-datetimepicker?
- Какая версия RN?
- Чем модалка выводится?
Потому что если это react-native-community/react-native-datetimepicker на свежих RN, то даже с нативной модалкой он в принципе должен корректно функционировать на iOS. Потому что технически это просто вьюха, это в Android это попапы и у них могут быть проблемы с модалкой.
источник

🔥

🔥 in React Native — русскоговорящее сообщество
community
> 60
через rn-elements overlay
источник

🔥

🔥 in React Native — русскоговорящее сообщество
точно с модалкой связано, тк взял даже на пустом проекте добавил два пакета rn-elements и community/rn-datepicker
источник

🔥

🔥 in React Native — русскоговорящее сообщество
та же история
источник

🔥

🔥 in React Native — русскоговорящее сообщество
даже в дарк моде выводится текст, пусть и плохо видно
источник

GB

Gena Black in React Native — русскоговорящее сообщество
🔥
точно с модалкой связано, тк взял даже на пустом проекте добавил два пакета rn-elements и community/rn-datepicker
А можете расшарить этот пустой проект на гитхабе? Я бы глянул на тему быстрого фикса... это должно нормально работать, там нет магии. Единственное, в UIDatePicker в iOS есть определенные требования к размерам и возможно всё просто фиксится заданием размеров для него либо в родителе. А Overlay из rn-elements, как раз там какой-то мухлеж делает: https://github.com/react-native-elements/react-native-elements/blob/next/src/overlay/Overlay.js#L39-L49
Либо сами гляньте, там из рабочих стилей, если в пропсах пусто, такое если раскрыть:
<Modal>
 <View в touchable, который back drop, style={position: absolute; left:0;top:0;width:100%, height:100%, ...} />
 <View style={flex:1,alignItems:center,justifyContent:center}>
   <View style={нет позиционных стилей и флекса нет}>
      <Ваш контент, если там только пикер, то он может не иметь собственного размера в начале рендера />
   </View>
 </View>
</Modal>
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Поэтому возможно либо в overlayStyle задать размеры, либо в детях, пикеру
источник

🔥

🔥 in React Native — русскоговорящее сообщество
хм сек
источник

🔥

🔥 in React Native — русскоговорящее сообщество
да, похоже проблемы с размерами
источник

🔥

🔥 in React Native — русскоговорящее сообщество
спасиб
источник

🔥

🔥 in React Native — русскоговорящее сообщество
даже не с размерами, а с позиционированием
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Ну всё, дальше дело техники я так понимаю )
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Основная фундаментальная проблема там, то, что у RN до сих пор нет нормального механизма получения intrinsinc size нативного элемента в движке лэйаутинга (даже статического, как в нашем случае, не говоря уж про динамический в случае картинок например). В итоге, для пикера, к примеру, размер вообще из JS спускается: https://github.com/react-native-community/react-native-datetimepicker/blob/master/src/datetimepicker.ios.js#L28, но замечу, что только height, а width для yoga всегда 0, если только не флекс по горизонтали, при том что сам UIDatePicker на самом деле строго фиксированной ширины (на весь экран) и никак иначе iOS его не нарисует )
источник

GW

George Wiseman in React Native — русскоговорящее сообщество
Всем привет

А есть какой-то способ распаковать любой архив в Expo? Не хочется качать просто много файлов, eject тоже не хочется делать.
источник

A

Arczi in React Native — русскоговорящее сообщество
народ если кто то использует апполо + графа как вы храните cхемы? сейчас у меня они разбросаны по разных местах и поэтому получется бардак и дублирование кода а я без понятие как хранить одну схему и ее ипсользовать в разных схемах
источник

EW

Eugeniy World in React Native — русскоговорящее сообщество
Всем привет! Помогите, пожалуйста, может быть кто сталкивался с такой проблемой на андроиде, есть простая навигация:

const Navigator = createBottomTabNavigator({
 Home: HomeScreen,
 Profile: createStackNavigator({
   Profile: ProfileScreen,
   Account: AccountScreen,
 }),
});


Есть 2 таба, во втором табе стек из скринов. Внутри этих скринов есть кнопки с переходм туда-обратно.

Проблема такая: Перехожу на вкладку со стеком, перехожу Profile->Account, далее перехожу обратно Account->Profile, затем перехожу в Home и обратно, и экран перестает работать (немношк сдвигается вверх либо вообще белый экран)
источник

EW

Eugeniy World in React Native — русскоговорящее сообщество
Поискал по ишьюсам, ничего не нашел 🙁
Зависимости такие:
"react-native-screens": "^2.0.0-alpha.22",
"react-navigation": "3.13.0",
"react-navigation-stack": "^2.0.8",
"react-navigation-tabs": "^2.7.0"

Ставил и 4х и 3х версию react-navigation
источник

GW

George Wiseman in React Native — русскоговорящее сообщество
Мне кажется проблема в том что идентификатор Profile используется 2 раза
источник

EW

Eugeniy World in React Native — русскоговорящее сообщество
хм, ок, попробую поменять сейчас
источник