RN开发杂记

获取屏幕尺寸
const window = Dimensions.get('window');
const screenHeight = Platform.OS === 'ios' ? window.height : window.height - StatusBar.currentHeight;
const screenWidth = window.width;

在代码中动态获取View的尺寸

ref={(ref) => this.buttonRef = ref}

UIManager.measure(findNodeHandle(this.buttonRef), (x, y, width, height, pageX, pageY) => {
    console.log('width:::::' + width);
    this.setState({
        popWidth: width,
    });

});

Dimensions,
StatusBar,
UIManager,
findNodeHandle
都是'react-native'的导入

什么时候使用双引号,/ 单引号

两种方式有什么不同

renderImage = ({item}) => (
    <TouchableHighlight>
        <View style={styles.imageContainer}>
            <Image style={styles.image} source={{uri: item}}/>
        </View>
    </TouchableHighlight>
);

spinner() {
    return (
        <ActivityIndicator size="small" color="#00ff00"/>
    );
}