React Native半圆形局部阴影

时间:2017-08-31 14:26:43

标签: react-native shadow react-native-ios

如何仅使用以下代码库创建的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',
  },
});

0 个答案:

没有答案