1. react-native 样式

textAlign:'center', 文字水平居中

textAlignVertical:'center',  文字垂直居中

backgroundColor:'pink',    背景颜色

justifyContent: 'center',    盒子里的内容垂直居中

justifyContent: 'space-between',

alignItems: 'center',    盒子里的内容水平居中

alignItems: 'flex-start', 

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • React-Native样式学习
    width: Dimensions.get('window').width,//屏幕的宽height: Dimen...
    莫寂岚阅读 8,049评论 0赞 2
  • 【React Native】FlexBox布局
    一、FlexBox布局 FlexBox是什么？ 弹性盒模型（The Flexible Box Module）,又叫...
    lever_xu阅读 4,396评论 0赞 0
  • React Native 样式
    宽高 指定宽高 弹性宽高 flex可以使组件在可利用的空间中动态地扩张或收缩。一般会使用flex:1来指定某个组件...
    Mage阅读 1,950评论 0赞 0
  • React Native样式属性列表
    只要在样式表中书写一个不存在的样式，就会报一大堆错，提示你该样式不存在，然后提供所有可用的样式给你，如图: ...
    阮腾飞阅读 7,687评论 0赞 2
  • React Native 页面布局简介
    本文主要讲解与flex布局相关的属性，包括flex，flexDirection，alignItems，justif...
    王金昌阅读 10,064评论 0赞 1