Как сделать адаптивный экран приложения React native в соответствии с размером экрана телефона для обоих планшетов или среднего телефона Android

#android #react-native #user-interface #screen

#Android #react-native #пользовательский интерфейс #экран

Вопрос:

У меня есть экран с pin-кодом в приложении react native, и я хочу сделать его адаптивным / увеличить в соответствии с размером телефона или планшета, например, у меня есть логотип на экране или любые другие компоненты, которые видны маленькими на планшетах, но в обычных симуляторах они средние. Я хочу сделать его большим в соответствии с размером планшета

Вот несколько скриншотов

Я хочу увеличить элемент экрана планшета, видимый на обычном телефоне

Ответ №1:

Взгляните на это.

Вот как вы можете сделать свое приложение адаптивным

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

2. ОС будет одинаковой на планшете или телефоне, вам просто нужно настроить размеры компонентов и размер шрифта и т. Д. Для планшета и телефона, Что я описал в предоставленной ссылке

Ответ №2:

Размеры, используемые для изображения и кнопок, нажмите на эту ссылку и прочитайте документацию

Пример

     Height: Dimensions.get('window').height / 2.5,
    Width: Dimensions.get('window').width / 2.5,

1. Спасибо за ваше решение, но это не то, что я хочу… на данный момент я хочу увеличить свои компоненты, когда приложение установлено на планшете, и создавать небольшие компоненты при установке apk. Также я хочу обернуть весь компонент, а не каждый отдельный компонент

2. Все в порядке, я сделал это с помощью пакета react-native-responsive-screen