2016-07-15 31 views
7

Başlığın belirttiği gibi, metin bileşenine metin verildikten sonra satır sayısını belirlemek için bir yol bulmaya çalışıyorum. Aşağıdaki örneğime bakın.React Native: Metin bileşeninin satır sayısını belirleme

<Text> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper ut ipsum in ultrices. Vivamus fringilla lacinia odio in accumsan. Proin sit amet pellentesque tortor. Nam mollis sit amet ligula id convallis. Etiam in semper diam. Cras id elit consectetur, interdum ante id, tincidunt nisi. Integer non elit placerat, dignissim nibh at, faucibus sem. Curabitur nec posuere turpis. Vivamus rhoncus nulla vitae mi imperdiet, elementum eleifend mi laoreet. Vestibulum molestie turpis non nibh elementum, sed ornare magna tristique. Aliquam erat volutpat. Phasellus volutpat mi vel tempor finibus. 
</Text> 

Çalışma zamanında, bu Metin bileşeninin oluşturduğu kaç satırı nasıl belirleyebilirim. Bu sayı, cihaza bağlı olarak değişecektir (örneğin iPhone 5, daha küçük bir ekran boyutuna sahip olduğu için iPhone 6+ ile daha fazla çizgi oluşturmalıdır). Metin bileşeninin kaynak kodunu kontrol ettim ama aradığım hiçbir şey yok gibi görünüyor.

React Native 0.24 kullanıyorum.

Herhangi bir fikrin var mı?

Şerefe.

+0

Bunun cevabını bilmek ister misiniz? – digitaldavenyc

cevap

5

0.24 bir onLayout fonksiyonu uygulayan Ana tepki gibi görünüyor fonksiyonu

{nativeEvent ile montaj ve düzen değişiklikleri çağrıldığında onLayout
http://facebook.github.io/react-native/docs/text.html#onlayout

: {düzeni: {x, y, en, yükseklik kullandığınız bazı hesaplamalar, bir onLayout geri arama işlevi geçmesine Metin bileşeninin yüksekliğini almak ve yapabileceği gibi}}}

Yani görünüyor Satır sayısı satır sayısına ulaşmak için