# .roundedBorder()

[SwiftUI](https://lochiwei.gitbook.io/ios/swiftui) ⟩ [Views](https://lochiwei.gitbook.io/ios/swiftui/view) ⟩ [View Modifiers](https://lochiwei.gitbook.io/ios/swiftui/view/modifier/viewmodifier) ⟩ [examples](https://lochiwei.gitbook.io/ios/swiftui/view/modifier/examples) ⟩

{% tabs %}
{% tab title="🌀 .roundedBorder()" %}

```swift
import SwiftUI

// custom view modifier
struct RoundedBorderStyle: ViewModifier {
    
    // init variables
    var cornerRadius = 30.0
    
    // ⭐️ .dark / .light mode
    @Environment(\.colorScheme) var colorScheme     
    
    // ViewModifier protocol requirement
    func body(content: Content) -> some View {
        content.overlay(
            RoundedRectangle(
                cornerRadius: cornerRadius, 
                style: .continuous
            ).stroke(.linearGradient(
                colors: [
                    .white.opacity(colorScheme == .dark ? 0.6 : 0.3),
                    .black.opacity(colorScheme == .dark ? 0.3 : 0.1)
                ],
                startPoint: .top,
                endPoint  : .bottom
            ))
            .blendMode(.overlay)
        )
    }
}

extension View {
    public func roundedBorder(cornerRadius: Double = 30) -> some View {
        modifier(RoundedBorderStyle(cornerRadius: cornerRadius))
    }
}

```

{% endtab %}

{% tab title="📗 參考" %}

* Design+Code ⟩ [Reusable Style and Color Scheme](https://designcode.io/swiftui-ios15-reusable-style-color-scheme)
  {% endtab %}

{% tab title="👥 相關" %}

* [environment](https://lochiwei.gitbook.io/ios/swiftui/view/environment/environment "mention")
  {% endtab %}
  {% endtabs %}