Get size of a View in React Native

前端 未结 7 1875
爱一瞬间的悲伤
爱一瞬间的悲伤 2020-11-29 15:56

Is it possible to get the size (width and height) of a certain view? For example, I have a view showing the progress:



        
7条回答
  •  悲&欢浪女
    2020-11-29 16:21

    This is the only thing that worked for me:

    import React, { Component } from 'react';
    import {
      AppRegistry,
      StyleSheet,
      Text,
      View,
      Image
    } from 'react-native';
    
    export default class Comp extends Component {
    
      find_dimesions(layout){
        const {x, y, width, height} = layout;
        console.warn(x);
        console.warn(y);
        console.warn(width);
        console.warn(height);
      }
      render() {
        return (
           { this.find_dimesions(event.nativeEvent.layout) }} style={styles.container}>
            
              Welcome to React Native!
            
            
              To get started, edit index.android.js
            
            
              Double tap R on your keyboard to reload,{'\n'}
              Shake or press menu button for dev menu
            
          
        );
      }
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
      },
      welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
      },
      instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
      },
    });
    
    AppRegistry.registerComponent('Comp', () => Comp);
    

提交回复
热议问题