反応するネイティブで要素の幅を取得するには？

Question

Viewなどのネイティブで反応する要素の幅を取得する方法は？ 反応ネイティブの幅のパーセント使用率はないので、要素または親要素の幅を取得するにはどうすればよいですか？

Answer 1

あなたは要素を測定するためにonLayoutイベントを呼び出すことができます。

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

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

限りパーセントの幅と高さは、ウィンドウの幅と高さを取得し、このようにそれらを使用することができます。

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,