美文网首页React-native
react-native 之android absolute布局

react-native 之android absolute布局

作者: LHY_28b9 | 来源:发表于2019-04-23 16:58 被阅读0次

    关于在image组件上添加一个小按钮的效果,已在iOS上通过效果然后发现android上无法显示按钮,发现关于android上直接设置position: 'absolute'是没有效果的,之后发现是需要在视图树上需要将最底下的组件写在最上边就例如这样:
    <View style={{width:110,height:110,marginLeft:15}}>
    <Image style={{width:110,height:110}} source={{uri:item.uri}} />
    <TouchableOpacity style={{width:20,height:20,left:90,top:0}} onPress={()=>
    }}>
    <Image style={{width:20,height:20}} source={require('../image/icon_delete@2x.png')} />
    </TouchableOpacity>
    </View>
    效果是这样:


    image.png

    所以以后还是最好吧底下的组件写在最上边(猜想应该是先按照键值对的顺序来渲染的)

    相关文章

      网友评论

        本文标题:react-native 之android absolute布局

        本文链接:https://www.haomeiwen.com/subject/dgqbgqtx.html