在反应本机中沿宽度拉伸一条线

我在我的应用程序中显示一条模式，我想在该消息和关闭按钮之间显示一条线。我想知道如何在View的宽度上拉伸一条线。以下是显示问题的rnplay上的示例组件。它显示了一条线，我明确地将width设置为100。我想知道是否有办法使用某些弹性盒属性自动执行此操作。在反应本机中沿宽度拉伸一条线

谢谢！

更换

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

与

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

2016-08-04 12:05:29

感谢您的解决方案。如果我想明白为什么'flex：1'不起作用，我想这是因为它的父母提供给'View'的宽度就是这么多，因此它不仅可以扩展到这个小区域，给'alignSelf：stretch'使它伸展到全宽。或者有其他解释。 –

回答