Я в настоящее время использую: < /p>
react-count-respence-reponsive-screenc ":"^0.64.0 ", < /p>
, и у меня есть следующая проблема: < /p>
Один пользователь утверждает, что макет пользовательского интерфейса не соответствует экрану Полем Он прислал мне скриншот. (Прикреплено)
Размер: 1080x2009 < /p>
dpi: 420 < /p>
Я использую пакет: Реактивно-чувствительный экран, чтобы сделать макет отзывчивым. Тот же DPI, ширина и высота.
< /p>
Вот код из моей учетной записи StyleShip.js: < /p>
import {widthPercentageToDP as wp, heightPercentageToDP as hp} from 'react-native-responsive-screen';< /code> < /p>
container: {
flexDirection: "row",
flex: 1,
flexWrap: 'wrap',
alignItems: "center",
backgroundColor: "black"
},
menuContainer: {
flex: 1
},
onboardingWhole: {
justifyContent: 'center',
alignSelf: 'center',
marginTop: hp('20%'),
flex: 1,
alignItems: 'center',
padding: 10,
borderRadius: 5,
zIndex: 3,
elevation: 3,
position: 'absolute'
},
onboardingText: {
fontSize: hp('2%'),
marginTop: hp('1.5%'),
marginLeft: wp('5%'),
marginBottom: hp('1.5%'),
marginRight: wp('5%'),
color: "white",
textAlign: 'center',
fontFamily: "Anton-Regular"
},
onboardingTextHeadline: {
fontSize: hp('3%'),
marginTop: hp('1.5%'),
marginLeft: wp('5%'),
marginBottom: hp('1.5%'),
marginRight: wp('5%'),
color: orangeStyle,
textAlign: 'center',
fontFamily: "Anton-Regular"
},
cancelButtonOnboarding: {
justifyContent: 'center',
padding: 6,
width: wp('45%'),
margin: 5,
borderRadius: 5,
borderColor: redStyle,
borderWidth: 2,
height: hp('8%')
}< /code>
< /div>
< /div>
< /p>
и my html: < /p>
WELCOME TO SAGLY! LETS IMPROVE YOUR SUSPENSION SETUP OF YOUR MTB. We would recommend to follow the following steps: 1) Set up your profile so that SAGLY can make SMART SUGGESTIONS.2) Create a new setup. Optionally with the EASY SETUP GUIDE. 3) Inspect setups with MANAGE SETUPS and tune them with the WHAT SHOULD I DO WHEN ... guide.GOT IT!
< /code>
< /div>
< /div>
< /p>
Это плохая практика, что я здесь делаю? Не должен ли я использовать этот пакет? Или я делаю SMT неправильно?
Подробнее здесь: https://stackoverflow.com/questions/685 ... me-devices
Реакция нативного пакета реагирования-чувствительного экрана не работает на некоторых устройствах ⇐ Html
Программисты Html
1740489154
Anonymous
Я в настоящее время использую: < /p>
react-count-respence-reponsive-screenc ":"^0.64.0 ", < /p>
, и у меня есть следующая проблема: < /p>
Один пользователь утверждает, что макет пользовательского интерфейса не соответствует экрану Полем Он прислал мне скриншот. (Прикреплено)
Размер: 1080x2009 < /p>
dpi: 420 < /p>
Я использую пакет: Реактивно-чувствительный экран, чтобы сделать макет отзывчивым. Тот же DPI, ширина и высота.
< /p>
Вот код из моей учетной записи StyleShip.js: < /p>
import {widthPercentageToDP as wp, heightPercentageToDP as hp} from 'react-native-responsive-screen';< /code> < /p>
container: {
flexDirection: "row",
flex: 1,
flexWrap: 'wrap',
alignItems: "center",
backgroundColor: "black"
},
menuContainer: {
flex: 1
},
onboardingWhole: {
justifyContent: 'center',
alignSelf: 'center',
marginTop: hp('20%'),
flex: 1,
alignItems: 'center',
padding: 10,
borderRadius: 5,
zIndex: 3,
elevation: 3,
position: 'absolute'
},
onboardingText: {
fontSize: hp('2%'),
marginTop: hp('1.5%'),
marginLeft: wp('5%'),
marginBottom: hp('1.5%'),
marginRight: wp('5%'),
color: "white",
textAlign: 'center',
fontFamily: "Anton-Regular"
},
onboardingTextHeadline: {
fontSize: hp('3%'),
marginTop: hp('1.5%'),
marginLeft: wp('5%'),
marginBottom: hp('1.5%'),
marginRight: wp('5%'),
color: orangeStyle,
textAlign: 'center',
fontFamily: "Anton-Regular"
},
cancelButtonOnboarding: {
justifyContent: 'center',
padding: 6,
width: wp('45%'),
margin: 5,
borderRadius: 5,
borderColor: redStyle,
borderWidth: 2,
height: hp('8%')
}< /code>
< /div>
< /div>
< /p>
и my html: < /p>
WELCOME TO SAGLY! LETS IMPROVE YOUR SUSPENSION SETUP OF YOUR MTB. We would recommend to follow the following steps: 1) Set up your profile so that SAGLY can make SMART SUGGESTIONS.2) Create a new setup. Optionally with the EASY SETUP GUIDE. 3) Inspect setups with MANAGE SETUPS and tune them with the WHAT SHOULD I DO WHEN ... guide.GOT IT!
< /code>
< /div>
< /div>
< /p>
Это плохая практика, что я здесь делаю? Не должен ли я использовать этот пакет? Или я делаю SMT неправильно?
Подробнее здесь: [url]https://stackoverflow.com/questions/68528054/react-native-react-native-responsive-screen-package-not-working-on-some-devices[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия