import { PixelRatio } from 'react-native'
export default originalSize => {
if (PixelRatio.get() < 1.5) {
return (originalSize * 0.7) / PixelRatio.get()
} else if (PixelRatio.get() >= 1.5 && PixelRatio.get() < 2.5) {
return (originalSize * 1.7) / PixelRatio.get()
} else if (PixelRatio.get() >= 2.5) {
return (originalSize * 2.7) / PixelRatio.get()
} else {
return originalSize
}
}
У вас тут 7 вызовов get происходит, попробуйте оптимизировать
ana 🪢
Bekzat
Для примера
Bekzat
Просто
Dmitry
Sergei
If() return.. if() return
%username% 🍺
end if
%username% 🍺
простите, не удержался
Jurij
Jurij
Декомпозируй. Вынеси в отдельынй презентационный компонент
Jurij
Тогда этот компонента станет горздо читабельнее
Dmitry
всем спасибо)
Andrei
если ветвлений овердохера, попробуй посмотреть на xstate. если нет, то я бы сделал по компоненту на каждый type и замапил. в итоге получал бы нужный компонент как то так:
const stateMap = {
ACCEPTED: ComponentAccepted,
PENDING: ComponentPending,
}
const StateComponent = stateMap[type]
....
return (
<StateComponent />
)
Михаил
а почему так получается, что на экране айфона изображение по ширине обрезано?
Михаил
Михаил
для width и height использовал useWindowDimensions.width и useWindowDimensions.height
S
спасибо)
Alex
Всем утро. Подскажите плз как правильно использовать setTimeout в хуках?
Alex
Alex
делаю так, падает с ошибкой
А
Alex
да пока пофиг на нейминг) надо чтоб заработало
Alex
а, все, сделал) нужно было () => setLoad(false) конечно же
Михаил
как сделать такой градиент: background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(243,233,216,0.79) 88%);??
Михаил
что использовать?
Дмитрий
как сделать такой градиент: background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(243,233,216,0.79) 88%);??
https://github.com/react-native-community/react-native-linear-gradient
Шамиль
Какой вариант лучше выбрать?
Дан массив с объектами:
let prudukts = [{name: "Самсунг с4", price: 4000},...и таких объектов 800 в этом массиве]. Дальше я из этого массива получаю новый массив только с именами продуктов.
1-й вариант. Сохранить получившийся массив в сторедже и при следующих запусках приложения забирать из него этот массив, это делается чтобы при каждом запуске занаво не генерировать массива с именами продуктов.
2-й вариант. При каждом запуске генерировать этот массив, не сохраняя в стородже
Anonymous
это ж у тебя мок?
Lisa
Скажите как сделать, чтобы при изменении кода приложение автоматически перерендерилось? (Windows, sdk эмулятор android studio, expo, vs code). А то в браузере обновляет, а в эмуляторе нет
Timur 👨💻
Serhii
всем привет, скажите пожалуйста какой самый лучший способ менеджить шрифты? мне вот нужно в существующем проекте обновить шрифт везде на новый. какой подход лучше всего использовать? я видел несколько один через хук, второй при помощи GlobalFont вроде бы
Валентин
Всем привет!
Делаю слайдер на PanResponder.
Хочу чтобы ползунок двигался только после долгого нажатия. Переключалку состояния долгого нажатия сделал на сеттаймауте.
Вопрос как добавить в onPanResponderMove условие на состояние долгого нажатия.
В примерах юзают декларативный Animated.event, пробовал задать функцию обработчик и в ней по условию делать Animated.timing() - ходит рывками
Заранее спасибо!
Nikita
Всем привет)
Юзаю библиотеку - https://reactnavigation.org/
Хочу вставить бургер меню, но никак не могу сделать так что бы в активном состоянии плашка сверху тоже сдвигалась, можете подсказать как это реализовать?
Ну или как реализовать бургер ?
Ilya
Всем привет, может кто-нибудь подсказать что-нибудь по этой проблеме?
Ilya
༼ つ ◕_◕ ༽つ
Леонид
Добрый день всем, может кто-нибудь знает как применить blur для фона, нашёл только очень странное решение через библиотеку
Nail
Всем привет. Какие есть альтернативы Web Audio для react-native? Переношу музыкальное веб-приложение, нужно воспроизводить треки – для этого использовал Web Audio. Может у кого есть случаи применения каких-либо библиотек для этого дела?
Nail
Nail
Ilya
банально почистить package json
удалить node_modules
переустановить всё
+ если на експо проект то нужно почистить кэш expo r -c
Создал для теста абсолютно пустой проект на чистом RN, без экспо, аналогичная проблема
༼ つ ◕_◕ ༽つ
Ilya
Спасибо
Timur 👨💻
На самом эмуляторе устройства) загугли enable hot reload)
Михаил
а как делать адаптивные изображения?
Михаил
что использовать?
Roman
Привет!
Хотел поинтересоваться как вы хендлите показ клавиатуры?
а именно показ клавиатуры вместе с FlatList, что ты он подвигался вверх, как раз на высоту клавиатуры не теряя контента и не скрывая его клавиатурой
Дмитрий
Привет!
Хотел поинтересоваться как вы хендлите показ клавиатуры?
а именно показ клавиатуры вместе с FlatList, что ты он подвигался вверх, как раз на высоту клавиатуры не теряя контента и не скрывая его клавиатурой
Для андроида достаточно обернуть лист во вью с флексом
Дмитрий
Привет!
Хотел поинтересоваться как вы хендлите показ клавиатуры?
а именно показ клавиатуры вместе с FlatList, что ты он подвигался вверх, как раз на высоту клавиатуры не теряя контента и не скрывая его клавиатурой
Для иос
<KeyboardAvoidingView style={styles.container} behavior={isIOS ? "padding" : null} >,
Roman
Дмитрий
спасибо!
Но там нужно еще немного поиграться, так как в зависимости от типа клавиатуры, у нее может быть разная высота
RedTeapot
@Jack007k Поиск исполнителей не в этом чате
Unknown number
Всем привет!
Мобикс с тайпскриптом кто-то использует?
Denis
Подскажите, следуете ли вы этой рекомендации? Не все задачи можно сделать, не вкладывая FlatList в ScrollView например
YellowBox.js:71 VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.
Vitaliy
Подскажите, следуете ли вы этой рекомендации? Не все задачи можно сделать, не вкладывая FlatList в ScrollView например
YellowBox.js:71 VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.
лучше не вкладывать
как минимум с пагинацией и pull-to-refresh у flatlist внутри scrollview проблемы.
Denis
лучше не вкладывать
как минимум с пагинацией и pull-to-refresh у flatlist внутри scrollview проблемы.
Как тогда быть в такой ситуации:
На экране 3 блока: 2 вертикальных и 1 горизонтальный FlatList, между собой они отделены marginaми.
Если убрать ScrollView, то не будет работать скролл на всем экране.
FatShibe
Serhii
https://docs.expo.io/versions/latest/guides/using-custom-fonts/
если я подключаю фонт по гайду из доки, то мне его только в App.js нужно подключить, а дальше я по всему проекту могу юзать fontFamily в стилях?
dan
Это надо flutter установить?
Если на ios эмуляторе, то жмешь cmd + d и открывается ActionSheet там уже выберешь нужный пункт.
На Android эмуляторе cmd + m.
Надеюсь хоть чем-то помог.
Denys
добрый вечер, есть лы в РН аналог локального хранилища, задача состоит в том что бы при первом запуске отобразить пару экраном, а после пропускать их
dan
Serhii
https://docs.expo.io/versions/latest/guides/using-custom-fonts/
если я подключаю фонт по гайду из доки, то мне его только в App.js нужно подключить, а дальше я по всему проекту могу юзать fontFamily в стилях?
Боже, оно даже в компоненте не хочет применять шрифт, хотя написано как в примере 😭
Lisa
Зачем? Hot Reload в react-native)
Разобралась, спасибо! Этот режим на винде и эмуляторе Android Studio включается так: при запущенном приложении на эмуляторе ctrl+M и далее выбираем enable Fast Refresh. Мож новичкам, как мне это понадобится.
Maxim
Можете подсказать, почему пуш уведомление не появляется при открытом приложении? использую firebase
Lisa
Спасибо!