Как работает React Native «box model»?

Question

Имеет ли React родные компоненты размера, похожие на CSS-модель border-box при указании высоты и/или ширины, заполнения и ширины границы?

Я просто изучаю RN и при попытке добавить пользовательский заголовок в приложение iOS, <View style={{ height: 44, paddingTop: 20 }}>, похоже, не создает 64-разрядную высоту, которую я ожидаю, и меняю ее на height: 64, paddintTop: 20, меня приближает, но на самом деле кажется больше чем требуемый 64pt.

Или, конечно, мое предположение о том, что размер неправильный, полностью эмпирический. Я не знаю, как реально измерить размер обработанного компонента, чтобы узнать, какая методология используемой модели коробки используется. И я ничего не запускал на устройстве, только через симулятор iOS, я не знаю, может ли это вызвать проблему с воспринимаемым размером.

Я не видел, чтобы это объяснялось в документах или вам очень повезло найти ответ в Google.

Answer 1

Нет, это похоже на модель content-box.

Это, похоже, не документировано, но если вы установите ширину элемента и затем добавьте к нему добавление, вы увидите увеличение ширины.