Как мне абсолютно позиционировать что-то в React Native относительно родителя родителя?

Question

Я хочу расположить иконку Font Awesome у меня в проекте React Native относительно родителя родителя, а не прямого родителя иконки.

Однако, когда я смотрел на него, я обнаружил, что следующее на следующей странице: https://reactnative.dev/docs/layout-props#position

position в React Native аналогично обычному CSS, но по умолчанию все установлено на relative, поэтому absolute расположение всегда относительно родителя.

Таким образом, если у меня есть что-то вроде следующего, как я могу расположить значок относительно деда TouchableOpacity, а не родителя View? Спасибо.

<TouchableOpacity
    onPress={() => {}}
>
    <View>
        {/* Other markup here. */}
    </View>
    <View>
        {/* Want to position this icon relative to TouchableOpacity, not View. */}
        <FontAwesome name="heart" />
    </View>
</TouchableOpacity>

Answer 1

Если это ваша разметка, то вы бы хотели, чтобы View был абсолютно позиционирован следующим образом:

<TouchableOpacity
    onPress={() => {}}
>
    <View>
        {/* Other markup here. */}
    </View>
    <View
        style={{
            position: 'absolute',
            ...
        }}
    >
        <FontAwesome name="heart" />
    </View>
</TouchableOpacity>

Теперь весь вид абсолютно позиционирован относительно TouchableOpacity. Поэтому то же самое относится и к его детям, ака. ваш значок.