尽管样式表中有样式，但文本仍未居中

我正在尝试使用React Navigation创建一个基本的标签应用程序，所以我有三页纯文本。它们在选项卡上垂直居中，但不在水平居中。这是将alignContent和justifyContent相互结合使用（过去对我有用）。

起初我怀疑柔韧性只是垂直弯曲，所以我使用了对比色。但是，它似乎涵盖了整个标签。我也尝试了textAlign，但是这两种情况似乎都不起作用。

这是屏幕之一的示例：

export class ExampleScreen extends Component {
    render() {
        return(
            <View style={styles.container}>
                <Text>Example!</Text>
            </View>
        )
    }
}

这是StyleSheet：

export const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#FFF',
        alignContent: 'center',
        justifyContent: 'center'
    }
})

没有错误消息。但是我希望文本水平居中，但我得到的只是：