如何在原生反應中按百分比定義寬度？

Question

我正在嘗試創建一個以它爲中心並填充屏幕80％的邊框的視圖。我想出了這個：

<View style={{flexDirection: 'row'}}> 
    <View style={{flex: .1}} /> 
    <View style={{flex: .8, borderWidth: 2}} /> 
    <View style={{flex: .1}} /> 
</View> 

它的工作，但似乎非常詳細。

是否有更好的（更簡潔）的方式來創建一個視圖，該視圖是屏幕寬度的一定百分比並且居中在頁面中？

Answer 1

UPDATE：

從開始作出反應原生版本0.42，我們現在有width整整一個百分點的支持，height，padding等，查看完整列表和例子在這裏： https://github.com/facebook/react-native/commit/3f49e743bea730907066677c7cbfbb1260677d11

舊方法：

考慮使用Dimensions，如：

import Dimensions from 'Dimensions'; 

，然後在元素的樣式：

width: Dimensions.get('window').width/100 * 80, 

工作例如：https://rnplay.org/apps/4pdwlg