Как можно сжать гибкие элементы до их содержимого с помощьюact-native и выровнять? - PullRequest
Новая
       21

Как можно сжать гибкие элементы до их содержимого с помощьюact-native и выровнять?

0 голосов
/ 01 мая 2020

У меня есть: 

        <StyledSurface style={{ flex: 1, flexDirection: 'row', flexWrap: 'wrap' }}>
            {conversations.map((c, i) => (
                <Surface style={{ backgroundColor: 'red', width: '46%', margin: '2%', flexDirection: 'column', flexShrink: 1, alignSelf: 'flex-start'}} key={i}>
                    <Text style={{flex: 1}}>{c.title}</Text>
                </Surface>
            ))}
        </StyledSurface>

, и в конечном итоге это выглядит так:

enter image description here

Но я хочу, чтобы каждая красная коробка уменьшить (по вертикали), чтобы вместить содержимое и иметь одинаковый интервал?

Чего мне не хватает?

1 Ответ

1 голос
/ 01 мая 2020

В контейнере View добавьте это: 

alignSelf: 'flex-start',

Нужно сделать трюк

...