Wie erhält man die Breite eines Elements in der Reaktion nativ?

Question

Wie wird die Breite eines Elements nativ reagieren, z. B. Ansicht? Da es keine prozentuale Verwendung für die Breite in der nativen Reaktion gibt, wie erhält man die Breite eines Elements oder eines übergeordneten Elements?

Answer 1

können Sie rufen das onLayout Ereignis ein Element zu messen:

measureView(event) { 
    console.log('event properties: ', event); 
    console.log('width: ', event.nativeEvent.layout.width) 
} 

<View onLayout={(event) => this.measureView(event)}> 

Soweit prozentuale Breite und Höhe, können Sie die Fensterbreite und Höhe erhalten und sie wie folgt verwenden:

var { 
    ... 
    Dimensions 
} = React 

const width = Dimensions.get('window').width 
const height = Dimensions.get('window').height 

// 80% width 
width: width * .8, 

// 25% height 
height: height/4,