React Native Flex框，如何使中间视图占据所有可用空间，给定开始和结束项目具有固定宽度

Question

我正在阅读 React Native 中的 Flex 布局，但我仍然无法使中间（白框）获取剩余的可用内容（没有固定宽度，因为不同的设备将具有不同的宽度）。也在努力让绿盒子永远走到最后。我该如何布局这个？

Answer 1

可以通过添加以下内容来解决：

 flexGrow:1

您可以参考： https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/