Eu tenho o seguinte código nativo de reação.

<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},
}

Meu problema é que não consigo que o sobrescrito (destacado em vermelho) apareça como sobrescrito. Parece permanecer apenas como um subscrito. Ver imagem

Como altero meus estilos para que o sobrescrito apareça como sobrescrito sem interromper os estilos dos outros elementos do texto?

Isso é baseado no que aprendi daquiTexto sobrescrito no React Native

EDITAR Além disso, a solução também deve funcionar no iOS. Agora mesmo,textAlignVertical parece não fazer nada para o iOS porque ouvi dizer que não é suportado.