В зависимости от ваших существующих стилей, вы обычно решаете эту проблему, заключая в View
примерно так:
<View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<Text style={style.textHeader}>Amount: </Text>
<Text style={style.text}> {item.Amount} </Text>
</View>
{...other rows}
</View>
* Обратите внимание, что я отбросил элемент Text, который упаковывал ваши строки
* Примечание 2: общая проблема с Text
элементами внутри View
с flexDirection: row
заключается в том, что если у вас есть очень длинный текст в первом Text
, это может привести к sh другому Text
из ваши View
границы. Чтобы это исправить, примените flexShrink: 1
к первому стилю Text
(в вашем случае textHeader
).