Ошибка TypeError: undefined не является объектом (оценка 'style.width')

Question

Здравствуйте, я пытаюсь изучить основы реагирующей навигации и настраиваю фоновое изображение для своего простого приложения.Я хочу, чтобы мое фоновое изображение помещалось в фоновом режиме, и я использовал ImageBackground, чтобы я мог использовать компоненты внутри него.Проблема в том, что я продолжаю получать эту ошибку TypeError: undefined не является объектом (оценка style.width)

    class loginScreen extends React.Component {
render() {
    return (
        <ImageBackground
            source={require('./app/img/epicCat.jpg')}
            Style={styles.backgroundImage}
        >

            <View Style={styles.parentContainer}>
                <View Style={styles.usernameContainer}>
                    <Text Style={styles.usernameTextDesign}>USERNAME</Text>
                    <TextInput
                        Style={styles.usernameTextInput}
                        underlineColorAndroid='red'
                    >

                    </TextInput>



                    <Text Style={styles.passwordTextDesign}>PASSWORD</Text>
                    <TextInput Style={styles.passwordTextInput}
                        underlineColorAndroid='red'
                    >

                    </TextInput>



                    <Button Style={styles.loginButton}
                        title="LOG-IN"

                    >

                    </Button>
                </View>

            </View>
        </ImageBackground>
        );
    }
}





const styles = StyleSheet.create({

parentContainer: {
    flex: 1,
    fontFamily: "Montserrat",
    fontSize: 70,
    alignItems: 'center',
    justifyContent: 'center',
},

backgroundImage: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    height: '100%',
    width: '100%',
},

Answer 1

Исходя из кода, я думаю, что у вас есть опечатка, вместо Style={...} это должно быть style={...}