React Native：为什么这个屏幕在snack.expo.io 和我的设备上呈现不同？

Question

我的 React Native 应用中有这个屏幕：https://snack.expo.io/@gkeenley/playful-blueberries

它在网络（默认模拟器）的小吃 ^^ 中渲染得很好，但对于 Android，图像的高度为零并且不会出现。

有谁知道我该如何调试这个？

更新

如果我在icon 样式上删除flex: 1，它会修复它。但我不明白为什么这会有所作为，以及为什么你需要为 Android 而不是 web 这样做。

Answer 1

document有关于“Flex Dimensions”的描述和注意事项。

只有当父组件的尺寸大于 0 时，组件才能扩展以填充可用空间。如果父组件没有固定的宽度和高度或 flex，则父组件的尺寸将为 0，而 flex 子组件不会可见。