我在React Native中创建了自适应布局,所以我要做的一切就是使svg图像与屏幕大小成比例。如何在React Native中使用react-native-svg实现这一点?
使用react-native-responsive-screen,您可以根据屏幕大小使用值,如下所示:
import {widthPercentageToDP as wp, heightPercentageToDP as hp} from 'react-native-responsive-screen';
class Login extends Component {
render() {
return (
<View style={styles.container}>
<View style={styles.textWrapper}>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
container: { flex: 1 },
textWrapper: {
height: hp('70%'), // 70% of height device screen
width: wp('80%') // 80% of width device screen
}
});
export default Login;