react native flex弹性布局

最新推荐文章于 2025-05-13 11:13:24 发布

原创最新推荐文章于 2025-05-13 11:13:24 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

257 篇文章

订阅专栏

在这里插入图片描述

import React from 'react';

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

const App=()=>{
    return (
        <>
            <View style={{flex:1,flexDirection:'row',justifyContent:'space-between',alignItems:'center'}}>
                <View style={{width:50,height:50,backgroundColor:'powderblue'}}></View>
                <View style={{width:50,height:50,backgroundColor:'skyblue'}}></View>
                <View style={{width:50,height:50,backgroundColor:'steelblue'}}></View>
            </View>
        </>
    )
};

export default App;