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.
Xcode:
Paste:
Or use Package.swift:
.package(url: "https://github.com/YourUsername/FlexibleKit.git", .upToNextMajor(from: "1.0.1"))간단한 정렬 기능을 제공합니다. 좌측, 우측, 중앙 정렬을 HStack 기반으로 구현되어 있습니다.
Text("왼쪽 정렬")
.alignLeft()
Text("오른쪽 정렬")
.alignRight()
Text("중앙 정렬")
.alignCenter()유연한 SwiftUI BackButton을 제공합니다. 색상과 설명, 액션을 쉽게 설정할 수 있습니다. 또한 swipe를 통한 뒤로가기가 가능합니다.
struct TestView: View {
@Environment(\.dismiss) var dismiss
var body: some View {
NavigationStack {
Text("hello")
}
.backButton(description: "뒤로가기", color: .black) {
dismiss()
}
}
}특정 코너만 라운딩할 수 있도록 도와주는 유틸입니다. .topLeft, .bottomRight 등 선택적으로 적용 가능합니다.
struct TestView: View {
var body: some View {
VStack {
Text("hello")
.frame(width: 300, height: 300)
.background(.red)
.roundedCorners(30, corners: [.topLeft, .bottomLeft, .bottomRight])
}
}
}FlexibleHStack, FlexibleVStack을 통해 패딩과 정렬이 포함된 스택을 쉽게 만들 수 있습니다.
FlexibleHStack(spacing: 12, paddingEdges: [.leading, .trailing]) {
Text("아이템 1")
Text("아이템 2")
}
FlexibleVStack(alignment: .center, paddingLength: 8) {
Text("위")
Text("아래")
}일정 시간 후 상태를 바꾸는 트리거 유틸입니다. Binding을 일정 시간 이후 true로 변경합니다.
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)
}
}
}
}SwiftUI에서 간단하게 WKWebView를 띄우고 싶을 때 사용합니다. URL만 넘기면 됩니다.
FlexibleWebView(url: "https://apple.com")