react native 各种居中

最新推荐文章于 2020-05-20 18:00:38 发布

spfLinux

最新推荐文章于 2020-05-20 18:00:38 发布

阅读量1.3k

点赞数

分类专栏： react webapp 移动web 文章标签： react native 各种居中

移动web 同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

webapp

11 篇文章 0 订阅

订阅专栏

react

6 篇文章 0 订阅

订阅专栏

import React,{Component} from 'react';
import {View,Text} from 'react-native';

export default class Demo13Component extends Component{
    render(){
        return (
            <View>
                <View style={{height:100,width:100,backgroundColor:'#eee',alignItems:'center'}}>
                    <Text>水平居中</Text>
                </View>
                <View style={{height:100,width:100,backgroundColor:'green',justifyContent:'center'}}>
                    <Text>垂直居中</Text>
                </View>
                <View style={{height:100,width:100,backgroundColor:'red',alignItems:'center',justifyContent:'center'}}>
                    <Text>水平垂直居中</Text>
                </View>
            </View>
        )
    }
}