А до перемещения она тоже должна быть доступна?

Да

Тогда, наверное, не лучшее решение, но может помочь - используй анимированное значение либо пэддинга парента либо маржин самого элемента. Под вечер голова не варит, мб кто-то предложит менее костыльное решение

Зона тача должна быть привязана к кнопке, куда бы ее повернула transform translate. На Андроиде постоянно это встречается, странно, что вы не знакомы

Тогда, наверное, не лучшее решение, но может помочь - используй анимированное значение либо пэддинга парента либо маржин самого элемента. Под вечер голова не варит, мб кто-то предложит менее костыльное решение

Не вариант, Андроид итак дохлый на РН, тут еще паддинги менять динамично

Хм. Точно видел кучу приколов с перетаскиваниями в reanimated либе

https://github.com/kmagiera/react-native-reanimated

У меня через Animated

Хм. Точно видел кучу приколов с перетаскиваниями в reanimated либе

Интересно, почему там этого не возникает.. Видел примеры

https://stackoverflow.com/questions/9067778/button-is-not-clickable-after-translateanimation

Это и в нативной стороне встречается видимо

У меня через Animated

стало самому интересно - накидал быстренько)

const AndroidEditButton = ({ onPress }: Props) => { const animatedValue = useRef(new Animated.Value(15.5)).current; const [state, setstate] = useState(true); const animate = useCallback(() => { Animated.timing(animatedValue, { toValue: state ? 200 : 15, duration: 1000 }).start(); setstate(!state); }, [state]); return ( <Animated.View style={[styles.container, { right: animatedValue }]}> <TouchableOpacity activeOpacity={0.8} style={[]} onPress={animate}> <Icon name="pencil" size={18} color={COLORS.white} /> </TouchableOpacity> </Animated.View> ); };

могу стили скинуть - но там ничего интересного. Абсолют позишн zIndex 1

могу стили скинуть - но там ничего интересного. Абсолют позишн zIndex 1

Мне бы решение с useNativeDriver: true ))

Reanimated тогда :) хотя не думаю что две кнопки проанимировать это прям сильно затратно. Но я вне контекста что там у тебя :)

defaultNavigationOptions https://reactnavigation.org/docs/en/drawer-navigator.html#drawernavigatorconfig Рабочий же? Пытался задать через него иконку для всех роутов в drawerConfig по дефолту и шо-то не. Нечто такое. defaultNavigationOptions: { headerRight: ( <SosIcon /> ), },

Reanimated тогда :) хотя не думаю что две кнопки проанимировать это прям сильно затратно. Но я вне контекста что там у тебя :)

https://github.com/facebook/react-native/issues/19637

Всем привет, можно ли закрыть экран и все его действия вот мой главный экран когда я выхожу чтобы изменить сервер все задачи из этого экрана работают дальше и при новом входе componentDidMount не срабатывает ((

Но на все других екранах после закрити componentDidMount срабативает

Всем привет, можно ли закрыть экран и все его действия вот мой главный экран когда я выхожу чтобы изменить сервер все задачи из этого экрана работают дальше и при новом входе componentDidMount не срабатывает ((

Если используете react-navigation https://reactnavigation.org/docs/en/function-after-focusing-screen.html

гайз есть TextInput, клавиатура number-pad, можно ли задать чтобы значения которые приходят сразу были number

А то получается, что ввожу цифры, а записывает он мне их в виде текста

или только по факту уже потом parseInt(value, 10) делать?

Столкнулся с еще одной проблемой: expo 34.0.4 пропали шрифты

Привет!

Почему-то в эмуляторе пустой белый экран запускается

Если, что я только начал в react native

Хотя в App.js

Привет!

Здарова. В SafeAreView пропиши style со flex: 1, у тебя весь экран нулевой высоты.

Всем доброй ночи,нужна помощь со сборкой приложения react под андроид, за вознаграждение. Приложение очень простое, но самостоятельно по инструкции, оставленной программистом собрать не можем.Нужно дописать его гайд или обьяснить наглядно, чтобы мы могли собирать его самостоятельно

Всем привет, покидайте прикольных примеров приложений IOS на реакте?

Радио Arzamas — Arzamas OOO https://apps.apple.com/ru/app/%D1%80%D0%B0%D0%B4%D0%B8%D0%BE-arzamas/id1261860228

Gyroscope: Track your Life — Gyroscope Innovations https://apps.apple.com/ru/app/gyroscope-track-your-life/id1104085053

Спасибо!

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

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

в теории да. можно попробовать скрестить RN с этим: https://github.com/golang/go/wiki/Mobile

еще было бы отлично, если бы кто-то оставил отзыв, если юзал

в теории да. можно попробовать скрестить RN с этим: https://github.com/golang/go/wiki/Mobile

спасибо

Когда совсем отчаялся, юзая react native

кто работает с react-native-gesture-handler? Обязательно ли все компоненты внутри gesture handlers должны именоваться начиная с Animated?

кто работает с react-native-gesture-handler? Обязательно ли все компоненты внутри gesture handlers должны именоваться начиная с Animated?

Вроде только те, которые анимируются

если у тебя вьюшки лежат в анимированном контейнере, то вроде не надо (но проще проверить)

Вроде только те, которые анимируются

благодарю

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

Можно, но есть проблемы с конвертированием типов, и еще какието небольшие ньюансы, где то в интернетах был чек лист, и это больше относится к нативным плаформам чем к rn. Если go пишется с нуля то особых проблем может и не быть...

еще было бы отлично, если бы кто-то оставил отзыв, если юзал

Я пытался, но в домашнем проекте. Проблема в том, довольно мало типов можно передать через бридж, все очень медленно и нужно будет еще обертки написать для RN

Короче в большинстве случаев лучше на js написать

К вопросу о том что сейчас в RN делается... Верней сначала о том, чего не делается. Вот как так можно, сколько лет уже? Имеем текст внутри нескольких вью, несмотря на то, что у внешнего вью (нижний скриншот) граница точно задана и ниже по пути нет ничего абсолютно позиционированного, текст с ограничителем на обрезку тупо не обрезается и растягивает несколько контейнеров, но не все... вот и как с таким поведением верстать? http://vovkasm.skitch.vovkasm.org/text-bug_231E369B.jpg

При том, вот все стили и типы всех элементов от выделенного на нижнем скриншоте вью, до текста с верхнего скриншота (для краткости, там где конкретные значения смысла не имеют, не указывал их): 1. View, { borderBottomColor, borderBottomWidth, flexDirection: row, paddingHorizontal, paddingVertical } 2. View, { justifyContent: space-around, marginLeft } 3. View, {} (просто пустой) 4. View, { opacity: 1 } (это от TouchableOpacity) 5. Text, { color, fontSize }, numberOfLines=1, ellipsizeMode=tail

сейчас пойду проверять, может это justifyContent всё ломает, но так в принципе не должно быть ни при каких обстоятельствах при таких стилях...

Такое ощущение, что размер текста считается исходя из размера ближайшей ноды с известным размером выше по иерархии, без оглядки на других детей этой ноды. По крайней мере текст вылезает вправо за экран ровно на размер картинки слева (при этом размер картинки задан через width/height, т.е. он известен в момент лэйаута) (

сейчас пойду проверять, может это justifyContent всё ломает, но так в принципе не должно быть ни при каких обстоятельствах при таких стилях...

Вроде как именно он и ломает

Я сталкивался с таким уже

Нет, не он. Я его убрал на всякий случай уже. И это, как раз логично, justifyContent там влияет на вертикальную ось координат только, потому что flexDirection в этой View не указан, значит column.

Я недавно ловил баг то ли с justifyContent то ли с alignItems

Я недавно ловил баг то ли с justifyContent то ли с alignItems

Ща ещё поресерчу issues/pull requests, после этого попробую подебажить и ещё немного код повертеть, может найду что.

Я с подобными вещами сталкивался уже, где-то мне помогало Text обернуть во View с flex, но конкретно здесь мне не очень хочется это делать, хочется чтоб размер блока в котором текст был размером с текст, или если текст длинный, то занимал всё доступное пространство. Первый пункт флексом я не обеспечу.

У текста или у контейнера с текстом flex:1 должен быть внутри flexDirection row

У текста или у контейнера с текстом flex:1 должен быть внутри flexDirection row

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

И да, скорей всего это бы позволило обойти баг, я так уже делал, но именно здесь, как я написал выше, мне не очень хотелось бы растягивать контейнер с текстом на всё пространство. Если текст короткий, то я хочу чтоб и контейнер был короткий.

а min/max width/height? они вообще есть в рн, ксати?)

а min/max width/height? они вообще есть в рн, ксати?)

Да, есть, но сюда их мешать ещё меньше хочется. min/max не очень простым образом с flex* алгоритмом взаимодействуют.

overflow: hidden?

Вообще все эти глюки только с картинками и текстом бывают (верней со всеми компонентами, где есть intinsic size https://developer.mozilla.org/en-US/docs/Glossary/Intrinsic_Size и он не статический)

overflow: hidden?

Можно, тогда трех точечек не будет после обрезки ) Да резать будет по сердине буквы.

как всё сложно

Это действительно сложно если закапываться, но в браузерах это реализовано всё и эта сложность скрыта, так что для нас всё очевидно работает. А вот в yoga что-то лезет из всех темных углов )))

Что за ошибка кто знает?

Это действительно сложно если закапываться, но в браузерах это реализовано всё и эта сложность скрыта, так что для нас всё очевидно работает. А вот в yoga что-то лезет из всех темных углов )))

Не говоря о том, что невозможно выровнять по baseline две колонки с текстом с разным количеством строк и разным размером шрифта

Не говоря о том, что невозможно выровнять по baseline две колонки с текстом с разным количеством строк и разным размером шрифта

Да.

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

Ну это в теории

Они вроде даже где-то писали почему такой костыль

Они вроде даже где-то писали почему такой костыль

А нет ссылки? Это бы помогло, а то я уже начал собирать минимальный кейс, и морально готов в дебаггинг уйти. Но это дня два может легко занять

Нету. Это издревле вообще идет

Вот минимальный тест кейс, он реально простой. Попробую подебажить, может что выяснится. <View style={{ flexDirection: 'row' }}> <View style={{ width: 100, height: 100, backgroundColor: 'green' }} /> <Text numberOfLines={1} ellipsizeMode="tail"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies finibus elementum. </Text> </View>

https://github.com/leanmotherfuckers/react-native-map-link кто использовал, как просто открывать карты с моим местоположением ?

кто работал с react-native-svg?

почему ошибка падает такая

Может не валидный svg?