Как выровнять текст в формате уменьшающейся ширины, как показано на рисунке?

Question

Как выровнять текст, как показано на рисунке (в формате уменьшающейся ширины)

Я пытаюсь добиться этого:

Я пытаюсь что-то вроде этого:

    <View style={{flex: 1, backgroundColor: '#a962d8', justifyContent: 'center', alignItems: 'center'}}>
        <View style={{flex: 0.25, paddingHorizontal: 5, width: DIMEN.width - 100}}>
            <Text style={{textAlign: 'center', color: 'white'}}>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua.</Text>
        </View>
    </View>

и я получаю это: