Add Button Border-Radius for Apple Pay Button (#460)

Author: Taym95

packages/stripe/lib/src/widgets/apple_pay_button.dart

@@ -17,6 +17,7 @@ class ApplePayButton extends StatelessWidget {
     Key? key,
     this.style = ApplePayButtonStyle.black,
     this.type = ApplePayButtonType.plain,
+    this.cornerRadius = 4.0,
     this.onPressed,
     double? width,
     double? height = _kApplePayButtonDefaultHeight,
@@ -42,6 +43,11 @@ class ApplePayButton extends StatelessWidget {
   /// Default is [ApplePayButtonType.plain].
   final ApplePayButtonType type;
 
+  /// Modifies the **corner radius** of the payment button.
+  /// To remove the rounded courners, set this value to 0.0.
+  /// The default value is set to 4.0
+  final double cornerRadius;
+
   /// Callback that is executed when the button is pressed.
   final VoidCallback? onPressed;
 
@@ -62,6 +68,7 @@ class ApplePayButton extends StatelessWidget {
         return _UiKitApplePayButton(
           type: type,
           style: style,
+          cornerRadius: cornerRadius,
           onPressed: onPressed,
         );
       default:
@@ -76,11 +83,13 @@ class _UiKitApplePayButton extends StatefulWidget {
     Key? key,
     this.style = ApplePayButtonStyle.black,
     this.type = ApplePayButtonType.plain,
+    this.cornerRadius = 4.0,
     this.onPressed,
   }) : super(key: key);
 
   final ApplePayButtonStyle style;
   final ApplePayButtonType type;
+  final double cornerRadius;
   final VoidCallback? onPressed;
   @override
   _UiKitApplePayButtonState createState() => _UiKitApplePayButtonState();
@@ -97,7 +106,11 @@ class _UiKitApplePayButtonState extends State<_UiKitApplePayButton> {
     return UiKitView(
       viewType: 'flutter.stripe/apple_pay',
       creationParamsCodec: const StandardMessageCodec(),
-      creationParams: {'type': type, 'style': style},
+      creationParams: {
+        'type': type,
+        'style': style,
+        'cornerRadius': widget.cornerRadius
+      },
       onPlatformViewCreated: (viewId) {
         methodChannel = MethodChannel('flutter.stripe/apple_pay/$viewId');
         methodChannel?.setMethodCallHandler((call) async {

packages/stripe_ios/ios/Classes/ApplePayButtonView.swift

@@ -37,6 +37,7 @@ class ApplePayButtonView: NSObject, FlutterPlatformView {
     private var _view: UIView
     var type: NSNumber?
     var style: NSNumber?
+    var cornerRadius: CGFloat = 4.0
 
 
     private var applePayButton: PKPaymentButton?
@@ -60,6 +61,7 @@ class ApplePayButtonView: NSObject, FlutterPlatformView {
         if  let arguments = args as? Dictionary<String, AnyObject> {
             type = arguments["type"] as? NSNumber
             style = arguments["style"] as? NSNumber
+            cornerRadius = arguments["cornerRadius"] as! CGFloat
         }
         // iOS views can be created here
         createApplePayView()
@@ -74,6 +76,7 @@ class ApplePayButtonView: NSObject, FlutterPlatformView {
             if  let arguments = call.arguments as? Dictionary<String, AnyObject> {
                 self.type = arguments["type"] as? NSNumber
                 self.style = arguments["style"] as? NSNumber
+                self.cornerRadius = arguments["cornerRadius"] as! CGFloat
             }
 
             self.createApplePayView()
@@ -107,6 +110,9 @@ class ApplePayButtonView: NSObject, FlutterPlatformView {
            applePayButton.leftAnchor.constraint(equalTo: _view.leftAnchor).isActive = true
            applePayButton.rightAnchor.constraint(equalTo: _view.rightAnchor).isActive = true
 
+           if #available(iOS 12.0, *) {
+               applePayButton.cornerRadius = cornerRadius
+           }
         }
     }