Таблица стилей React Native не работает до обновления

Question

У моего компонента есть <Text> внутри <BlurView>.

import React from "react";
import { Text, View, StyleSheet} from "react-native";
import { BlurView } from "@react-native-community/blur";

const styles = StyleSheet.create({
    blurView: {
        position: "absolute",
        top: 0,
        left: 0,
        bottom: 0,
        right: 0,
        display: "flex",
        justifyContent: "center",
    },
    text: {
        fontSize: 22, 
        color: "#FFFFFF", 
        textAlign: "center"
    }
})

function BlurryWait({show}){
    if(show)
        return (
            <BlurView
                blurType="dark"
                blurAmount={15}
                style={styles.blurView}
            >   
                <Text style={styles.text}>Please wait...</Text> 

            </BlurView>       
        )
    else
        return <View/>
}

export default BlurryWait

И я использую его вот так в моем основном компоненте (жестко запрограммированное свойство show для демонстрационных целей):

<BlurryWait show={true}/>

Предполагается, что текст будет располагаться по центру прямо посередине экрана. Однако, когда я переключаю эту переменную, это портит стили, текст больше не центрируется.

Чтобы он снова заработал, мне нужно что-то изменить в стилях, и он снова заработает. Например, простое изменение размера текста сделает все правильно. Я не знаю, что здесь происходит. Сборку android уже почистил. Как сделать так, чтобы это приклеилось к стилям?