React Native Align Elements center или строка flexDirection не работает - PullRequest
Новая
       15

React Native Align Elements center или строка flexDirection не работает

0 голосов
/ 09 февраля 2020

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

Example 1

Я могу решить это, когда я, но высота контейнера до определенного c числа (например, 90 в этом случае). Но если текст слишком длинный, он вырывается из контейнера. Если я установлю высоту на авто, то расположу текстовые элементы под изображением, которые мне не нужны

Example 2

Как я могу это исправить без указанная высота 

<SafeAreaView style={styles.contentContainer}>
    <Image
      style={styles.image}
      source={{ uri: '' }}
    />
    <Text style={styles.contentInside}>
      1989 Batmobile - DC Helden Inklusive 3 LEGO® Minifiguren
    </Text>
    <Text style={styles.contentInside}>
      Von LEGO®
    </Text>
  </SafeAreaView>

contentContainer: {
marginTop: 10,
marginBottom: 30,
height: 'auto',
backgroundColor: 'white',
borderRadius: 10,
flexWrap: 'wrap',
shadowColor: "#000",
shadowOffset: {
  width: 0,
  height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 3.84,
elevation: 5,



contentInside: {
marginLeft: 20,
fontSize: 16,
paddingTop: 10,
width: 65 + '%',
alignItems: 'flex-end'
...