Size: a a a

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

2020 August 01

GB

Gena Black in React Native — русскоговорящее сообщество
Ничего странного. Изучайте документацию, в том числе по мобильной разработке. Размеры не в пикселях задаются.
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Хотите четкую линию в один пиксель, ставьте ширину в StyleSheet.hairlineWidth и выравнивайте смещения по целым пикселям
источник

a

anon in React Native — русскоговорящее сообщество
я примерно понимаю почему так: в каких-то случаях я попадаю на полпикселя и появляется полупрозрачность, как например у свгшек, которые получены из jpeg-ов и на определенных зумах/скейлах выглядят криво
источник

a

anon in React Native — русскоговорящее сообщество
Gena Black
Ничего странного. Изучайте документацию, в том числе по мобильной разработке. Размеры не в пикселях задаются.
Правильно ли я понимаю, что в таком случае, чтобы сохранить соотношение между этой линией и размерами в макете,  мне нужно и все размеры прогонять через этот hairlineWidth? Например текст не fontSize: 14, а fontSize: hairlineWidth * 14. Или при разработке на rn, как правило, на такое забивают?
источник

GB

Gena Black in React Native — русскоговорящее сообщество
anon
Правильно ли я понимаю, что в таком случае, чтобы сохранить соотношение между этой линией и размерами в макете,  мне нужно и все размеры прогонять через этот hairlineWidth? Например текст не fontSize: 14, а fontSize: hairlineWidth * 14. Или при разработке на rn, как правило, на такое забивают?
Нет )
Лучше почитать доки (в случае андроида про PX/DP/SP/DIP юниты и вокруг них)
В RN стоит обратить внимание сюда: https://reactnative.dev/docs/pixelratio
источник

GB

Gena Black in React Native — русскоговорящее сообщество
А hairlineWidth - это только упрощалочка, чтоб получить размер в один "реальный пиксель"
источник

GB

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

a

anon in React Native — русскоговорящее сообщество
Сделал кстати через hairlineWidth сейчас и одна линия тупо пропала с экрана)
источник

GB

Gena Black in React Native — русскоговорящее сообщество
anon
Сделал кстати через hairlineWidth сейчас и одна линия тупо пропала с экрана)
А это не масштабирование в эмуляторе?
источник

GB

Gena Black in React Native — русскоговорящее сообщество
На девайсе запускаете?
источник

a

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

К

Костянтин in React Native — русскоговорящее сообщество
https://codesandbox.io/s/react-native-glasses-8mfdy?file=/src/App.js
Надо реализовать добавление и изменение стаканов с водой которые человек выпил. Можно добавлять и отнимать это количество. Когда пару раз добавить до конца или до начало и нажимать обратно происходит баг что отмечает не верные стаканы и дальше все скатывается  в разного рода веселья.
Может кто помочь с этим делом?
источник

GB

Gena Black in React Native — русскоговорящее сообщество
anon
нет, не пробовал ещё
Тогда это эмулятор не может пиксель-в-пиксель на десктопе отобразить и масштабирует скорей всего...
источник

a

anon in React Native — русскоговорящее сообщество
Gena Black
У нас почти все метрики в стилях в проекте через собственный хелпер прогоняются, чтоб "дизайнерские пиксели" конвертировать в нужный размер для девайса на котором приложение запущено.
Условно говоря, у вас макет в разрешении одного телефона. (т.е. там 1 к 1 размеры). А вы потом домножаете на множитель разницы с другими?
источник

GB

Gena Black in React Native — русскоговорящее сообщество
anon
Условно говоря, у вас макет в разрешении одного телефона. (т.е. там 1 к 1 размеры). А вы потом домножаете на множитель разницы с другими?
Нет прямое масштабирование мы только для мелких экранов делаем, а для больших гибкая верстка... (но это в текущем проекте, в предидущем другие требования были).
Но помимо этого, там же ещё идет выравнивание по границам реальных пикселей... это не решает проблему на 100%, но хоть частично
источник
2020 August 02

AM

Aga Mahmudov in React Native — русскоговорящее сообщество
Ребята, а кто-то юзает RN Web?
Как ощущения?
источник

A

Alexander in React Native — русскоговорящее сообщество
Aga Mahmudov
Ребята, а кто-то юзает RN Web?
Как ощущения?
кстати я тоже хотел попробовать)
источник

A

Alexander in React Native — русскоговорящее сообщество
чет мне кажется что проще в webview закинуть всё, чем с таким иметь дело)
источник

AM

Aga Mahmudov in React Native — русскоговорящее сообщество
Гипотезу хочу одну затестить, чисто на коленках в вебе, а не ждать 2-3 дня аппрува
источник

AM

Aga Mahmudov in React Native — русскоговорящее сообщество
Alexander
чет мне кажется что проще в webview закинуть всё, чем с таким иметь дело)
За то потом сбилдить можно будет и в сторы, если оправдает ожидания
источник