它是否存在与 box-sizing: border-box in flexbox for React Native 等价的东西？

Question

我希望我的框的大小不因边距和填充而改变。

Answer 1

你可以使用resizeMode：'cover'或'stretch'或'contain'

Answer 2

React Native 将所有视图设置为 box-sizing: border-box 已设置。请参阅此代码：https://github.com/facebook/react-native/blob/5aa1fb3ff326a429e33a443576da866f2a63c20c/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java#L632

Answer 3

令O（for outer）=（top, left, bottom, right）为表示尺寸的矩形 * 和视图 V 的位置。由于所有 React Native 视图的 box-sizing 是 border-box，任何 * V 的边界将呈现在 O 内。

Answer 4

正如另一个答案中提到的，在 React Native 中，一切都被视为好像 box-sizing: border-box 已设置。模拟 css content-box 的解决方法是将组件包装在容器 View 中，然后将边框和填充添加到 View.

Answer 5

react native 没有选项

 boxSixing: "border-box"

你可以在你的造型中做的是这个

<View style={ {
    flex: 1,
    alignContent: "center",
    justifyContent: "center",
}}>
    <View style={ {
        flex: 1,
        width: "95%" // or width of the box - intended margin
    }}>
        ***chi;dren goes here***
    <View/>
<View/>

进入该视图的任何组件都将位于中心 5% 的边距或指定的内容，这暂时解决了问题，直到 react-native 提供了更好的解决方案

它是否存在与 box-sizing: border-box in flexbox for React Native 等价的东西？

Does it exist an equivalent of box-sizing: border-box in flexbox for React Native?

flexbox

react-native

box-sizing