ReactNative 基础 - 02 （View弹性布局）

黑猫了个怪怪

于 2021-12-15 20:32:51 发布

阅读量548

点赞数

文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/Janicecat/article/details/121961195

版权

View组件容器中，默认是弹性盒子布局，默认排列方向是竖向的

相关属性：

flexDirection：主轴排列方式

justifyContent ：主轴对齐方式

alignItems：对称轴对齐、效果

const ss = StyleSheet.create({
  body: {
    flexDirection: 'column', //竖向，默认
    flexDirection: 'row', //横向
    justifyContent: 'center', //居中对齐
    justifyContent: 'space-around', //空白环绕
    justifyContent: 'space-evenly', //空白均分
    justifyContent: 'space-between', //中间留白
    alignItems: 'flex-end',
    alignItems: 'center',
    alignItems: 'stretch', //拉伸 默认值
  },
});