RN的样式属性。

最新推荐文章于 2024-12-18 09:45:40 发布

天蒙蒙亮

最新推荐文章于 2024-12-18 09:45:40 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： react native

本文链接：https://blog.youkuaiyun.com/qq_38719039/article/details/79437707

react native 专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了Flexbox布局中各种属性的使用方法，包括容器属性如justifyContent、alignItems及子元素属性如flex、alignSelf等，并通过实例展示了不同属性设置的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Valid style props: [
"alignContent",
"alignItems",
"alignSelf",
"aspectRatio",
"backfaceVisibility",
"backgroundColor",
"borderBottomColor",
"borderBottomLeftRadius",
"borderBottomRightRadius",
"borderBottomWidth",
"borderColor",
"borderLeftColor",
"borderLeftWidth",
"borderRadius",
"borderRightColor",
"borderRightWidth",
"borderStyle",
"borderTopColor",
"borderTopLeftRadius",
"borderTopRightRadius",
"borderTopWidth",
"borderWidth",
"bottom",
"color",
"decomposedMatrix",
"direction",
"display",
"elevation",
"flex",
"flexBasis",
"flexDirection",
"flexGrow",
"flexShrink",
"flexWrap",
"fontFamily",
"fontSize",
"fontStyle",
"fontVariant",
"fontWeight",
"height",
"includeFontPadding",
"justifyContent",
"left",
"letterSpacing",
"lineHeight",
"margin",
"marginBottom",
"marginHorizontal",
"marginLeft",
"marginRight",
"marginTop",
"marginVertical",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"opacity",
"overflow",
"overlayColor",
"padding",
"paddingBottom",
"paddingHorizontal",
"paddingLeft",
"paddingRight",
"paddingTop",
"paddingVertical",
"position",
"resizeMode",
"right",
"rotation",
"scaleX",
"scaleY",
"shadowColor",
"shadowOffset",
"shadowOpacity",
"shadowRadius",
"textAlign",
"textAlignVertical",
"textDecorationColor",
"textDecorationLine",
"textDecorationStyle",
"textShadowColor",
"textShadowOffset",
"textShadowRadius",
"tintColor",
"top",
"transform",
"transformMatrix",
"translateX",
"translateY",
"width",
"writingDirection",
"zIndex"

]

content: {
    flex: 1,
    alignItems: 'center',      //
    justifyContent: 'center', //浮动，容器在x主轴线的对齐方式。