2017-02-23 43 views
1

當指定高度和/或寬度,填充和邊框寬度時,是否反應原生尺寸組件與CSS border-box框模型類似?React Native「框模型」如何工作?

我剛剛學習RN,當試圖添加一個自定義標頭的iOS應用程序時,<View style={{ height: 44, paddingTop: 20 }}>似乎並沒有產生我期待的64pt高度並改爲height: 64, paddintTop: 20讓我更接近但實際上似乎更大比期望的64pt。

或者當然,我認爲大小錯誤的假設完全是經驗性的。我不知道如何實際測量渲染的組件大小,以知道正在使用哪種盒式模型方法。而且我還沒有在設備上運行任何東西,只能通過iOS模擬器,我不知道這是否會導致感知尺寸問題。

我沒有在文檔中看到這個解釋,或者在Google上找到答案的運氣很多。

回答

0

不,它似乎使用content-box模型。

這似乎沒有記錄,但如果您在元素上設置寬度,然後向其添加填充,則會看到寬度增加。

+0

我的問題是具體的高度,我無法得到高度來調整時,填充添加。 – sellmeadog

相關問題