在反應本機中沿寬度拉伸一條線

我在我的應用程序中顯示一條模式，我想在該消息和關閉按鈕之間顯示一條線。我想知道如何在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'使它伸展到全寬。或者有其他解釋。 –

回答