文本在 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,
    }
});

但它不起作用，我尝试了许多在网上找到的解决方案，但没有任何反应，我仍然得到这个：

Answer 1

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