反应本地图像缩放

Question

我有一个背景图像，但是在不同的屏幕尺寸下，它的缩放比例不同。如果您查看脚印的底部，很容易确定它们之间的差异。我基本上希望这两个图像在所有屏幕分辨率上都相同。有想法该怎么解决这个吗？

import React from 'react';
import {View, StyleSheet, Text, ImageBackground, TouchableHighlight, Image, Dimensions} from "react-native";
import {connect} from 'react-redux';
import EStyleSheet from 'react-native-extended-stylesheet';

class SignInUpGender extends React.Component{
    render() {
        return (
            <ImageBackground style={styles.Image} source={require('../../assets/images/background_loading2.jpeg')}>

            </ImageBackground>

        )
    }
}
export default connect()(SignInUpGender);


const entireScreenWidth = Dimensions.get('window').width;
EStyleSheet.build({$rem: entireScreenWidth / 380});

const styles = EStyleSheet.create({
    Image: {
        width: '100%',
        height: '100%',
    }
});

Answer 1

https://facebook.github.io/react-native/docs/image#resizemode

这可能是您需要使用的道具。它也适用于ImageBackground。