2015-11-19 35 views
21

Làm thế nào để tôi có được chiều rộng màn hình trong React native?Chiều rộng màn hình trong React Native

(Tôi cần nó vì tôi sử dụng một số thành phần tuyệt đối trùng lặp và vị trí của họ trên những thay đổi màn hình với các thiết bị khác nhau)

Trả lời

14

Nếu bạn có một thành phần phong cách mà bạn có thể yêu cầu từ phần của bạn, sau đó bạn có thể có một cái gì đó như ở đầu tệp:

const Dimensions = require('Dimensions'); 

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

Và sau đó bạn có thể cung cấp fulscreen: {width: window.width, height: window.height}, trong thành phần Kiểu của mình. Hy vọng điều này sẽ giúp

26

Trong Phản ứng-Native chúng tôi có một lựa chọn gọi là Kích thước

Bao gồm Kích thước tại var đầu, nơi bạn có bao gồm các hình ảnh, và văn bản và các thành phần khác.

Sau đó, trong Stylesheets của bạn, bạn có thể sử dụng như dưới đây,

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

Bằng cách này bạn có thể nhận được cửa sổ thiết bị và chiều cao.

3

Chỉ cần khai báo mã này để có chiều rộng thiết bị

let deviceWidth = Dimensions.get('window').width 
Các vấn đề liên quan