修复子容器宽度问题答案

【问题标题】：Fix children container width trouble修复子容器宽度问题
【发布时间】：2016-06-29 08:45:06
【问题描述】：

我的子视图可能有不同的宽度，但不会比父视图大。我该如何解决？

这是它现在的截图：

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为，具体问题或错误和必要的最短代码在问题本身中重现它。没有明确的问题陈述的问题对其他读者没有用处。请参阅：How to create a Minimal, Complete, and Verifiable example。

【解决方案1】：

您可以将父视图宽度指定为设备窗口宽度，如下所示：

var {height, width} = Dimensions.get('window');

在父视图中根据需要实现高度和宽度：

<View style={{height:height, width:width}}></View>

构建父视图后，您可以根据自己的兴趣给子视图的宽度和高度，例如：

style={{height:40, width:250}}

你也应该对 react-native flex 有一些了解来构建你可以从here查看的其他布局

【讨论】：

【解决方案2】：

我需要查看您的代码，但对于 React，您应该使用 Flexbox 对齐子级以保持一致性。

【讨论】：