Layout Props (布局属性)

属性

 animation   ReactPropTypes.object

animation 定义了 LayoutAnimation 的本地的每个视图版本,目前只在React VR的本地版本上支持。

bottom?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

它类似于CSS中的bottom,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

想了解更多关于bottom对布局的影响,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/bottom

display?: ReactPropTypes.oneOf(['flex', 'none'])

display定义组件是否放在布局中,并且跳过绘制,这在RN中是不支持的,这是为React VR扩展的

flexBasis?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

height?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

设置组件的高度

它类似于CSS中的height,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

想了解更多关于height对布局的影响,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/height

layoutOrigin?: ReactPropTypes.arrayOf(ReactPropTypes.number)

layoutOrigin 定义了在渲染之前如何确最终的顶部和左侧位置,相当于通过计算世界位置style.left = -layoutOrigin[0] style.width style.top = -layoutOrigin[1] style.height,优点:这是在flex box计算了宽高之后计算的,意味着不需要知道最终布局的情况下就可以使用,默认的值是[0,0]

left?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

便离组件左边缘多远,也是物理像素数pixels

它类似于CSS中的left,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

想了解更多关于left对布局的影响,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/left

margin?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

单独设置margin和分别一起设置marginTop, marginLeft, marginBottom, 和 marginRight是一样的。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/margin

marginBottom?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

marginBottom等价于CSS中的margin-bottom。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom

marginHorizontal?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

marginHorizontal相当于同时设置 marginLeft 和 marginRight

marginLeft?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

marginLeft等价于CSS中的margin-left。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left

marginRight?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

marginRight等价于CSS中的margin-right

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right

marginTop?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

marginTop等价于CSS中的margin-top

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top

marginVertical?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

marginVertical相当于同时设置 marginTop 和 marginBottom

maxHeight?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

maxHeight是组件的最大高度。

它类似于CSS中的max-height,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/max-height

maxWidth?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

maxWidth是组件的最大宽度。

它类似于CSS中的max-width Native中,您必须使用点数或百分比。不支持Ems和其他单位。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/max-width

minHeight?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

minHeight是组件的最小高度。

它类似于CSS中的min-height,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

minWidth?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

mminWidth是组件的最小宽度。

它类似于CSS中的min-width Native中,您必须使用点数或百分比。不支持Ems和其他单位。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/min-width

padding?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

单独设置padding和分别一起设置paddingTop, paddingLeft, paddingBottom, 和 paddingRight是一样的。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/padding

paddingBottom?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

paddingBottom等价于CSS中的padding-bottom。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom

paddingHorizontal?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

paddingHorizontal相当于同时设置 paddingLeft 和 paddingRight

paddingLeft?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

paddingLeft等价于CSS中的padding-left。

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left

paddingRight?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

paddingRight等价于CSS中的padding-right

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right

paddingTop?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

paddingTop等价于CSS中的padding-top

更多信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top

paddingVertical?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

paddingVertical相当于同时设置 paddingTop 和 paddingBottom

 renderGroup   ReactPropTypes.bool

renderGroup 定义一个组件,用于对其下的组件进行深度排序, 一般情况用在绝对定位和转换的组件上。

right?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

偏离组件右边缘多远,也是物理像素数pixels

它类似于CSS中的right,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

想了解更多关于right对布局的影响,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/right

top?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

偏离组件上边缘多远,也是物理像素数pixels

它类似于CSS中的top,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

想了解更多关于top对布局的影响,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/top

width?: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string])

设置组件的宽度

它类似于CSS中的width,但在React Native中,您必须使用点数或百分比。不支持Ems和其他单位。

想了解更多关于width对布局的影响,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/width