當componentdidmount反應本地獲取組件高度

Question

我使用0.21.0反應本機， 我有一個自定義組件。

對於動畫，我找到解決方案來獲得高度。 寬度是使用Dimension獲得的。但身高不一樣。

如何獲得我的組件的高度？

Answer 1

正如@Chris Geirman在評論中指出的那樣，您可以使用onLayout這個。下面這個例子中的該組件的高度：

var CustomComponent = React.createClass({ 

    getInitialState: function() { 
    return { componentHeight: 0 }; 
    }, 

    render: function() { 
    return (
     <View onLayout={this._onLayoutEvent}> 
     <Text>This is my Custom Component</Text> 
     </View> 
    ); 
    }, 

    _onLayoutEvent: function(event) { 
    this.setState({componentHeight: event.nativeEvent.layout.height}); 
    } 
}); 

現在，您可以訪問組件作爲this.state.componentHeight的高度。