Ekran genişliğini React native cinsinden nasıl alabilirim?Tepki'deki Ekran genişliği Yerel
21
A
cevap
14
size Bileşen'den gerektirebilir Stil bileşeni varsa, o zaman böyle bir şey olabilir (bazı mutlak örtüşen bileşenleri ve farklı cihazlar ile Ekrandaki konumlarını kullandıkları için buna ihtiyacım) dosyanın üstündeki bu:
const Dimensions = require('Dimensions');
const window = Dimensions.get('window');
Ve sonra Stil bileşeninde fulscreen: {width: window.width, height: window.height},
sağlayabilir. Bu
26
tepki-Yerli
sen Görüntü ve Metin ve diğer bileşenler içerir sahip üst var en Boyutları dahil biz Boyutlar denen bir Seçenek var yardımcı olur. senin Stylesheets aşağıdaki gibi kullanabilirsiniz içinde Sonra
, cihazın pencere ve yüksekliği alabilirsiniz Bu şekildeex: {
width: Dimensions.get('window').width,
height: Dimensions.get('window').height
}
.
3
Bunun cihaz genişliği elde etmek için bu kod beyan
let deviceWidth = Dimensions.get('window').width
İlgili konular
- 1. UITabBar genişliği, ekran boyutu
- 2. HTML Bootstrap - Ekran Div genişliği
- 3. Github Kod İncelemesi - Tam Ekran Genişliği
- 4. Cihaz ham genişliği ve yüksekliği veya gerçek ekran genişliği ve yüksekliği nasıl alınır?
- 5. IPhone/IPad: Ekran genişliği program aracılığıyla nasıl edinilir?
- 6. Javascript'i Dinamik Olarak Ekran Genişliği ve Yükseklik Duyarlılığı ile Değiştirin
- 7. HTML CSS divs yan yana, ekran genişliği dışında yapmak
- 8. Farklı ekran boyutlarında yerel olarak nasıl davranılır?
- 9. css ekran:
- 10. Windows görev çubuğu yüksekliği/genişliği
- 11. iOs oryantasyon genişliği ve yüksekliği
- 12. Materializecss SideNav genişliği ile kapanmıyorKaplama
- 13. Chrome'da garip kenarlık genişliği davranışı - Kayan nokta kenarlığı genişliği?
- 14. web sitesi% 100 ekran genişliği doldurma div sorumlu ne css kuralı sorumludur
- 15. Bu, yalnızca @media ve ekran boyutu (320px) ve (maks-cihaz genişliği: 480px)
- 16. CSS genişliği:% 100 ekrana uymuyor
- 17. Eylem çubuğunda yatay ilerleme çubuğu genişliği
- 18. Web uygulamalarında ekran görünümü
- 19. C# Veritabanında sütun genişliği
- 20. JQGrid Sütun otomatik genişliği
- 21. IE genişliğinde satır genişliği
- 22. Faking max aygıt genişliği
- 23. matplotlib sınır genişliği
- 24. ngDialog genişliği ve kaplama
- 25. Önyükleme sütunları genişliği genişlik
- 26. Python'da bant genişliği daraltma
- 27. Selectbox'ın genişliği, Select2
- 28. Uyarlamalı UICollectionView Hücre Genişliği
- 29. HTML5 tarih giriş genişliği
- 30. Bellek Bant Genişliği Kullanımı