yangsubinn / SwiftUIKit

SwiftUIKit

ButtonStyle

Button📂

1️⃣ CustomButton

• type: ButtonType 사용해서 지정 (default: large, square)

@State var buttonState: ButtonState = .disable

CustomButton(action: {
    // 수행할 액션
}, label: {
    Text("CustomButton (default)")
}, state: $buttonState)


CustomButton(action: {
    // 수행할 액션
}, label: {
    Text("CustomButton (small, round)")
}, state: $buttonState,
	type: ButtonType(size: .small, shape: .round)) // 원하는 타입 지정

2️⃣ CustomButtonStyle

• NavigationLink와 같이 간접적으로 생성되는 버튼에 사용
• CustButtonStyle 사용하여 type과 state 추가 후 buttonStyle 지정

NavigationLink(destination: TempView()) {
    Text("CusomButtonStyle (medium, round)")
}
.buttonStyle(
    CustomButtonStyle(
    type: ButtonType(size: .medium, shape: .square),
    state: $statethree)
)

TextField

TextField📂

@State  var  nameTextField: String = ""
@State  var  hobbyTextField: String = ""

CustomTextField(
	textfield: $nameTextField, 
	placeholder: "이름을 입력해주세요", 
	type: .basic,
	maxCount: 20 // 선택
)
.padding()

CustomTextField(
	textfield: $hobbyTextField, 
	placeholder: "취미를 입력해주세요", 
	type: .title("취미 정보"),
	buttonType: .other("checkmark") // 선택 (default: .delete)
)
.padding()

BottomSheet

BottomSheet📂

1️⃣ Custom BottomSheet

BottomSheet(isShowing: $isShowing, type: .medium, content: {
	// BottomSheet에 들어갈 컨텐츠 작성
})
.edgesIgnoringSafeArea(.all)

2️⃣ presentationDetents 사용한 BottomSheet 예시

@State var isPresented: Bool = false
    
Button {
    // 버튼 액션
    isPresented.toggle()
} label: {
    // 버튼 타이틀
}
.sheet(isPresented: $isPresented) {
    VStack(spacing: 20) {
        // BottomSheet 컨텐츠
    }
    .padding(EdgeInsets(top: 20, leading: 0, bottom: 20, trailing: 0))
    .presentationDetents([.fraction(0.5), .fraction(0.2)]) // fraction, 기본 detent(.large, .medium), height 등 사용하여 드래그 가능한 높이 설정 가능
    .presentationDragIndicator(.visible)
}

Alert

Alert📂

@State private var isPresented: Bool = false
@State private var alertButtonTapped: Bool = false

CustomAlert(isPresented: $isPresented,
            title: "타이틀만 있는 alert",
            rightButtonAction: $alertButtonTapped)

CustomAlert(isPresented: $isPresented,
            title: "둘다 있는 alert",
            description: "타이틀도 있고 설명도 있는 alert입니다.\n 안녕하세용 반갑습니당",
            rightButtonAction: $alertButtonTapped)