freeCodeCamp/guide/portuguese/react-native/screen-dimensions/index.md

1.4 KiB

title localeTitle
Screen Dimensions Dimensões da tela

Reagir Nativo - Dimensões da Tela

Reagir Native usa Dots Per Inch (DPI) para medir o dimensionamento da interface do usuário (UI) e qualquer coisa exibida na interface do usuário. Esse tipo de medição permite que uma aplicação pareça uniforme em vários tamanhos de tela e densidades de pixels.

Para casos de uso padrão, os aplicativos podem ser desenvolvidos sem a necessidade de conhecer as especificidades do dispositivo do usuário (por exemplo, densidade de pixels), pois os elementos da interface do usuário serão redimensionados automaticamente. Quando é necessário, há APIs disponíveis, como o PixelRatio para descobrir a densidade de pixels do dispositivo do usuário.

Para obter a janela ou a altura / largura da tela de um dispositivo de usuários, o React Native tem uma API chamada Dimensions .

import { Dimensions } from 'react-native'; 

Aqui estão os métodos que a API de Dimensions fornece:

Dimensions.get('window').height; 
 Dimensions.get('window').width; 
 Dimensions.get('screen').height; 
 Dimensions.get('screen').width; 

Nota: Ocorreram alguns problemas conhecidos no passado com a API de dimensões, como não devolver as informações corretas quando um usuário gira o dispositivo. É melhor certificar-se de testar isso em dispositivos reais antes de implantar um aplicativo.