关于在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
所以以后还是最好吧底下的组件写在最上边(猜想应该是先按照键值对的顺序来渲染的)
网友评论