я есть следующий реагирующий родной код.

<View style={styleOptions.container}>   
    <Text style={styleOptions.regular}>Hello world I am going to eat some Pizza for the sake of eating pizza. 
        <Text style={[{fontWeight:"bold"},styleOptions.strong]}>Super Pizza Store. </Text>
        You will pay $10
        <Text style={[{textAlignVertical:'top'},styleOptions.superscript]}>8</Text>
    .  I doubt you can afford it.
    </Text>
</View>

const styleOptions = {
    container:{flexDirection:"row",flexWrap:"wrap",width:300,padding:10},
    regular:{fontSize:13},
    superscript:{fontSize:8,lineHeight:22,textAlignVertical:'top',backgroundColor:'red',color:'white'},
    strong:{fontSize:13},
}

Моя проблема в том, что я не могу получить верхний индекс (выделенный красным) как верхний индекс. Кажется, только остаться в качестве индекса. Посмотреть изображение

Как изменить мои стили, чтобы верхний индекс отображался как верхний индекс, не нарушая стили других текстовых элементов?

Это основано на том, что я узнал отсюдаНадстрочный текст в React Native

РЕДАКТИРОВАТЬ Кроме того, решение должно работать и в iOS. Прямо сейчас,textAlignVertical кажется, ничего не делает для iOS, потому что я слышал, что это не поддерживается.