如何在图像上显示相机图标

Question

 <View
        style={{
          borderRadius: 130 / 2,
          borderColor: '#000',
          backgroundColor: '#f89',
          height: 130,
          width: 130,
        }}>
        <Image
          source={{uri: 'https://i.imgur.com/G34Qbpv.jpg'}}
          style={{
            height: 130,
            width: 130,
            borderRadius: 130 / 2,
            zIndex: 0,
          }}
        />
        <View
          style={{
            justifyContent: 'center',
            alignItems: 'center',
            top: 90,
            backgroundColor: '#0f0',
            zIndex: 1,
          }}>
          <Icon
              name="camera" 
              size={30} />
        </View>
      </View>

我要在此图像上显示“相机”图标：

我想在照片上显示相机图标以上传像这样的新图像：，我该如何显示相机以上传另一张照片。

Answer 1

尝试一下 您忘记了指定职位

 <View
          style={{
            justifyContent: 'center',
            alignItems: 'center',
            top: 90,
            right : 0,
            position : 'absolute',
            backgroundColor: '#0f0',
            zIndex: 1,
          }}>
          <Icon
              name="camera"
              enter code heresize={30} />
        </View>