https://github.com/eunchan2815/flexiblekit

Lightweight, reusable SwiftUI components for flexible layouts and adaptive UI.
https://github.com/eunchan2815/flexiblekit

alginment autopadding backbutton cornershape flexible ios stack swift swiftui trigger webview

Last synced: 19 days ago
JSON representation

Lightweight, reusable SwiftUI components for flexible layouts and adaptive UI.

• Host: GitHub
• URL: https://github.com/eunchan2815/flexiblekit
• Owner: eunchan2815
• Created: 2025-04-05T14:08:07.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-05-13T06:12:23.000Z (10 months ago)
• Last Synced: 2025-05-13T06:35:19.480Z (10 months ago)
• Topics: alginment, autopadding, backbutton, cornershape, flexible, ios, stack, swift, swiftui, trigger, webview
• Language: Swift
• Homepage:
• Size: 12.7 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

  

  

  



> SwiftUI is great. But layout isn't.

**FlexibleKit** is a SwiftUI utility library that offers flexible layouts, custom back buttons, adaptive corners, triggers, and lightweight webviews. Easily drop into any SwiftUI project to speed up development.

---

## 🖼 Preview



---

## 📦 Installation

### Swift Package Manager

**Xcode:**

Paste:

**Or use `Package.swift`:**

```swift

.package(url: "https://github.com/YourUsername/FlexibleKit.git", .upToNextMajor(from: "1.0.1"))

```

## ✅ Features

### 📐 Alignment

간단한 정렬 기능을 제공합니다. 좌측, 우측, 중앙 정렬을 HStack 기반으로 구현되어 있습니다.

```swift

Text("왼쪽 정렬")

    .alignLeft()

Text("오른쪽 정렬")

    .alignRight()

Text("중앙 정렬")

    .alignCenter()

```

### 🔙 Back Button

유연한 SwiftUI BackButton을 제공합니다. 색상과 설명, 액션을 쉽게 설정할 수 있습니다.

또한 swipe를 통한 뒤로가기가 가능합니다.

```swift

struct TestView: View {

    @Environment(\.dismiss) var dismiss

    var body: some View {

        NavigationStack {

            Text("hello")

        }

        .backButton(description: "뒤로가기", color: .black) {

            dismiss()

        }

    }

}

```

### 🎯 Rounded Corners

특정 코너만 라운딩할 수 있도록 도와주는 유틸입니다. .topLeft, .bottomRight 등 선택적으로 적용 가능합니다.

```swift

struct TestView: View {

    var body: some View {

        VStack {

            Text("hello")

                .frame(width: 300, height: 300)

                .background(.red)

                .roundedCorners(30, corners: [.topLeft, .bottomLeft, .bottomRight])

        }

    }

}

```

### 📦 Flexible Stacks

FlexibleHStack, FlexibleVStack을 통해 패딩과 정렬이 포함된 스택을 쉽게 만들 수 있습니다.

```swift

FlexibleHStack(spacing: 12, paddingEdges: [.leading, .trailing]) {

    Text("아이템 1")

    Text("아이템 2")

}

FlexibleVStack(alignment: .center, paddingLength: 8) {

    Text("위")

    Text("아래")

}

```

### ⏱ Trigger Delay

일정 시간 후 상태를 바꾸는 트리거 유틸입니다. Binding을 일정 시간 이후 true로 변경합니다.

```swift

struct LaunchView: View {

    @State private var isActive = false

    var body: some View {

        Group {

            if isActive {

                TestView2()

            } else {

                VStack {

                    Text("🚀 FlexibleKit")

                        .font(.largeTitle.bold())

                    Text("Launching...")

                        .foregroundColor(.gray)

                }

                .frame(maxWidth: .infinity, maxHeight: .infinity)

                .background(Color.white)

                .delayedTrigger(to: $isActive, after: 2)

            }

        }

    }

}

```

### 🌐 WebView

SwiftUI에서 간단하게 WKWebView를 띄우고 싶을 때 사용합니다. URL만 넘기면 됩니다.

```swift

FlexibleWebView(url: "https://apple.com")

```