首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在react原生中创建这样的视图?

如何在react原生中创建这样的视图?
EN

Stack Overflow用户
提问于 2021-03-10 21:08:55
回答 1查看 33关注 0票数 0

如何创建如下图所示的视图?图像应该堆叠在一起,而不是。图像的数量将是动态的(2-5个图像)。

有人能帮我吗?

提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2021-03-10 21:36:47

请用这种方式试试,不要介意造型,你可以把它们分开

代码语言:javascript
运行
复制
    <View style={{width:'100%',height:'35%',backgroundColor:'#fff'}}>
                <View style={{width:50,height:50,borderRadius:50/2,position:'absolute',left:40,overflow:'hidden',elevation:5}}>
                    <Image source={require('image path')}style={{width:'100%',height:'100%',resizeMode:'cover',}} />
                </View>
                <View 
                style={{width:50,height:50,borderRadius:50/2,position:'absolute',left:20,overflow:'hidden',elevation:5}}>
                     <Image source={require('image path')}style={{width:'100%',height:'100%',resizeMode:'cover',}} />
                </View>
                <View style={{width:50,height:50,borderRadius:50/2,position:'absolute',overflow:'hidden',elevation:5}}>
                <Image source={require('image path')}style={{width:'100%',height:'100%',resizeMode:'cover',}} />
                </View>
            </View>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66565432

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档