如何在反应原生中获得元素的宽度?

时间:2016-05-16 02:35:12

标签: react-native

如何获取元素的宽度作为反应原生如View? 由于本地反应的宽度没有百分比,如何获得元素或父元素的宽度?

1 个答案:

答案 0 :(得分:13)

您可以调用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,