在 react-native 中沿宽度拉伸一条线

【问题标题】：Stretch a line along width in react-native在 react-native 中沿宽度拉伸一条线
【发布时间】：2016-08-04 20:05:29
【问题描述】：

我在我的应用程序中显示了一个模式，我想在消息和关闭按钮之间显示一条线。我想知道如何在 View 的宽度上拉伸一条线。以下是 rnplay 上显示问题的示例组件。它显示了我已将width 明确设置为100 的行。我想知道是否有一种方法可以使用一些 flex-box 属性自动完成。

谢谢！

【问题讨论】：

【解决方案1】：

替换

<View style={{flex: 1, height: 3, alignItems: 'stretch', width: 100, backgroundColor: '#dddddd'}}/>

与

<View style={{height: 3, alignSelf: 'stretch', backgroundColor: '#dddddd'}}/>

【讨论】：

感谢您的解决方案。如果我要理解为什么flex: 1 不起作用，我想这是因为它的父级提供给View 的宽度就是这么多，因为它不能只扩展到那个小区域并给@ 987654325@ 导致它拉伸到全宽。还是有其他解释。