Подгонка изображения к компоненту вида с ограниченным радиусом реагирует

Question

Текущий пользовательский интерфейс: изображение 1

Ожидаемый пользовательский интерфейс: изображение 2

Вопрос заключается в том, как подогнать изображение к виду с ограниченным радиусом. компонент в реагировать родной?

Answer 1

просто установите вид, чтобы создать такое же желание и изображение внутри него с помощью resizeMode = {'cover'}, ширины и высоты 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>