如何仅使用以下代码库创建的React Native中半圆形按钮的弯曲部分绘制阴影。
export default function SemiCircleButton({
icon,
style,
...props
}: Props): Element<*> {
return (
<TouchableOpacity
style={[styles.semiCircle, style]}
activeOpacity={0.8}
{...props}>
<Image source={icon} />
</TouchableOpacity>
);
}
const styles = StyleSheet.create({
semiCircle: {
width: radius / 1.5,
height: 40,
borderTopRightRadius: radius,
borderBottomRightRadius: radius,
backgroundColor: white,
justifyContent: 'center',
alignItems: 'center',
},
});