-1

Current UI: image 1

Expected UI: image 2

The question is how to fit the image to the bordered radius view component in react native?

ujikit
  • 11
  • 3

1 Answers1

0

just set your view to to make like desire and the image inside it with resizeMode={'cover'} and width and height 100%

    <View style={{ flex: 1 }}>
        <View style={{ width: '100%', height: '60%', borderBottomLeftRadius: '50%', borderBottomRightRadius: '50%' }}>
            <Image source={require(...)} style={{ width: '100%', height: '100%'}} resizeMode={'cover'}/>
        </View>
      </View>
hnrqss
  • 41
  • 8