Как использовать vw и vh css с React Native

Я создаю базовый логин, используя React Native с логотипом и двумя входами:

//import liraries
import React, { Component } from 'react';
import { View, Text, StyleSheet, Image } from 'react-native';

// create a component
class Login extends Component {
    render() {
        const imageURL = require('./images/CircleLogo.png');
        return (
            <View style = {styles.container}>
                <View style = {styles.loginContainer}>
                    <Image resizeMode = "contain" style = {styles.logo} source = {imageURL} />
                </View>
                <View style = {styles.formContainer}>
                    <LoginForm /> 
                </View>
            </View>
        );
    }
}

// define your styles
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'aliceblue',
    },
    loginContainer:{
        alignItems: 'center',
        flexGrow: 1,
        justifyContent: 'center'
    },
    logo: {
        position: 'absolute',
        width: '70vw',
        height: '70vw',
        maxWidth: 300
    }
});

//make this component available to the app
export default Login;

Как видите, я использую измерения css vw и vh.

Это работает в Интернете, но не на iOS или Android.

Есть ли у кого-нибудь хорошее предложение по обработке измерений vw и vh?

Боковое примечание: похоже, что реакция принимает проценты, как показано здесь, к которому я могу вернуться. Но мой вопрос касается именно измерений vw и vh.