how to show camera Icon on Image

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>

I want to show Camera Icon on this Image:

like snapshot image

I want to show camera Icon on pics for Uploading a new image like this Image:, how can I do this show camera for uploading another pic.

can you give an example or reference what you are trying to achieve? — Jaydeep Galani, Sep 24 '19 at 05:34

score 0 · Answer 1 · answered Sep 24 '19 at 07:14

Try this You forgot specifying the position

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

how to show camera Icon on Image

1 Answers1