Как создать круг вокруг этого значка. Пожалуйста, дайте мне предложение .. как добавить круг.
Теперь мой значок такой.
<Animated.View
ref = {view => view && (this.iconRef = view._component)}
onLayout = {() =>
this.iconRef &&
this.iconRef.measure((x, y, width, height, pageX, pageY) =>
this.props.onMeasure({
x: pageX,
y: pageY,
width,
height,
})
)
}
style = {[
styles.iconContainer,
{
opacity: this.props.opacity,
transform: [
{
scale: Animated.multiply(
this.props.opacity.interpolate({
inputRange: [0, 1],
outputRange: [0.5, 1],
}),
this.props.scale
),
},
],
},
]}
>
<Icon name = "trash-o" color = "white" style = {styles.icon} />
</Animated.View>





Вы можете сделать что-то вроде этого,
<View style = {styles.iconWrapper}>
<Icon name = "trash-o" color = "white" style = {styles.icon} />
</View>
iconWrapper стиль
iconWrapper: {
width: 30,
borderRadius: 15,
backgroundColor: 'black',
padding: 10
}
Добавьте свойство borderRadius: 100 в его контейнер, как и
<View style = {{borderRadius: 100}}>
<Icon name = "trash-o" color = "white" style = {styles.icon} />
</View>
borderRadius value is proportional to your container's size.
Используйте контейнер с
border-radius: 50%;