В React Native, как мне выровнять изображение справа от вида?

Question

Я пытаюсь расположить изображение справа от вида в React Native. Мне нужно получить что-то похожее на следующее:

Вот как выглядит моя таблица стилей. Я нервничаю по поводу использования абсолютного позиционирования, так как я использую вычисляемое поле marginBottom, и оно может выглядеть по-разному на разных размерах экрана:

    gamesBar: {
        marginBottom: heightWindow * .1,
        textAlign: 'center',
        fontSize: 30,
        backgroundColor: 'seagreen',
        padding: 50,
        color: 'white',
    },

Answer 1

Если вы поместите его в тот же вид, что и изображение, и используете абсолютное положение, то оно будет относительно положения изображения. Просто установите родительский вид flex соответствующим образом. Альтернативой является просто поместить родительский вид текста и изображения в flex-direction: 'row', а затем установить выравнивание изображения на flex-end.