Larghezza schermo in React Native

Question

Come si ottiene la larghezza dello schermo in React nativo?

(ho bisogno perché io uso alcuni componenti assoluti che si sovrappongono e loro posizione sul schermo cambia con dispositivi diversi)

Answer 1

Se si dispone di un componente di stile che è possibile richiedere dal vostro Component, allora si potrebbe avere qualcosa di simile questo nella parte superiore del file:

const Dimensions = require('Dimensions'); 

const window = Dimensions.get('window'); 

E allora si potrebbe fornire fulscreen: {width: window.width, height: window.height}, nel componente di stile. Spero che questo aiuti

Answer 2

In React-Native abbiamo un'opzione chiamata Dimensioni

Includere Dimensioni al var superiore dove si ha includere l'immagine e il testo e gli altri componenti.

Poi nei tuoi fogli di stile che è possibile utilizzare come sotto,

ex: { 
width: Dimensions.get('window').width, 
height: Dimensions.get('window').height 
} 

In questo modo è possibile ottenere la finestra del dispositivo e l'altezza.

Answer 3

semplicemente dichiarare questo codice per ottenere la larghezza del dispositivo

let deviceWidth = Dimensions.get('window').width