文本在React Native中无法垂直居中对齐

Question

我试图在React Native的视图中垂直居中放置一些Text元素：

export const MainScreen = ({navigation}) => {
    const {translations} = useContext(LocalizationContext);

    return (
        <View style={styles.container}>
            <Text style={styles.itemTitle}>Ecco come fare per associare StrongAuth</Text>
            <Text style={styles.item}>Visualizza sul tuo computer il processo di autenticazione e accesso al profilo
                aziendale</Text>
            <Text style={styles.item}>Crea il tuo PIN che utilizzerai per i prossimi accessi</Text>
            <Text style={styles.item}>Dopo la conferma, segui la procedura guidata'</Text>
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white',
        justifyContent: 'center',
        alignItems: 'center'
    },
    itemTitle: {
        flex: 2,
        fontSize: 18,
        fontWeight: '700'
    },
    item: {
        flex: 1,
        fontSize: 18,
    }
});

但是它不起作用，我尝试了许多在Web上找到的解决方案，但是什么也没有发生，我仍然得到了：

Answer 1

您应该使用<Text />包装<View />组件，然后将flex属性设置为这些视图。 <Text />不适用于大多数布局属性。