React Native: Почему этот экран отображается в snack.expo.io иначе, чем на моем устройстве?

Question

У меня есть этот экран в моем приложении React Native: https://snack.expo.io/@gkeenley / playful-blueberries

Он прекрасно воспроизводится в этой закуске ^^ для веб (эмулятор по умолчанию), но для Android изображение получает нулевую высоту и не появляется.

Кто-нибудь знает, как я могу подойти к отладке этого?

ОБНОВЛЕНИЕ

Если я удаляю flex: 1 в стиле icon, это исправляет это. Но я не понимаю, почему это имеет значение, и почему вы должны сделать это для Android, а не для сети.

Answer 1

Есть описание в документе о "Flex Dimensions" и уведомление.

Компонент может расширяться только для заполнения доступного пространства, если его родительский элемент имеет размеры больше 0. Если родительский объект не имеет фиксированной ширины и высоты или гибкого элемента, родительский элемент будет иметь размеры 0, а дочерние элементы flex не будут видны.