🚧 SwiftUI

Kaynak/Reference: Swiftful Thinking

• ⚙️ Texts

Text(), .font(), .system(), .fontWeight(), .foregroundColor(), .multilineTextAlignment(), .uppercased(), .italic(), .underline(), .strikethrough(), .baselineOffset(), .kerning(), .minimumScaleFactor()

• ⚙️ Shapes

Capsule(style: ), Circle(), Ellipse(), RoundedRectangle(cornerRadius: ), .fill(), .foregroundColor(), .stroke(), trim()

• ⚙️ Colors

Color(), Color(uiColor: ), Color("_colorSet"), #colorLiteral, .opacity()

• ⚙️ Gradients

.foregroundStyle(), .color.gradient, LinearGradient(), RadialGradient(), AngularGradient(), stride().map{ Color() }, gradient: Gradient(colors: ...)

• ⚙️ Icons

Image(systemName: ""), .font(), .foregroundColor(), .resizable(), .scaledToFit(), .scaledToFill(), .aspectRatio(contentMode: ), .clipped(), .renderingMode(), .symbolRenderingMode(), .foregroundStyle( , , , ,), .foregroundStyle(.linearGradient, .linearGradient, .linearGradient), cmd + shift + l

• ⚙️ Images

Image(""), .resizable(), .scaledToFit(), .scaledToFill(), .frame(width: , height: ), .clipped(), .renderingMode(), .foregroundColor(), .clipShape()

• ⚙️ Frames and Alignments

the offered size, frame(minWidth: , idealWidth: , maxWidth: , minHeight: , idealHeight: , maxHeight: , alignment: )

• ⚙️ Background and Overlays

.background(), .overlay()

• ⚙️ Stacks

VStack, HStack, ZStack, default spacing, alignment, spacing

• ⚙️ Padding

.padding(), .all, .vertical, .horizontal, .leading etc.

• ⚙️ Spacer

spacer(), "an adaptive view with no content" that expands as much as it can

• ⚙️ Initializers of views and the use of enum

init(), self, enum

• ⚙️ ForEach

ForEach() { }, 0..<10, . index in, (index), [index], .indices

• ⚙️ ScrollView

ScrollView(), .vertical, .horizontal, showsIndicators

• ⚙️ Grid

Lazy Horizontal Grid, Lazy Horizontal Stack, columns, alignment, spacing, pinnedViews, [GridItem], size, .adaptive, .fixed, .flexible, spacing, alignment

• ⚙️ Buttons

Button(""){}, Button(action: /@START_MENU_TOKEN@/{}/@END_MENU_TOKEN@/, label: {}), .accentColor(), padding(), .padding(.horizontal, ), .background(), .stroke()

• ⚙️ @State

@State

• ⚙️ Extracting functions and subviews

func name(){...}, :some View, @State, struct name: View, @Binding

• ⚙️ @Binding

Sharing state with subviews, @State, @Binding, $

• ⚙️ Logical conditional expressions

@State, Bool, .toggle(), .description, if{}else{}, .task { }, ProgressView()

• ⚙️ Ternary Operator

... ? ... : ...

• ⚙️ Animations

withAnimation() {}, Declarative Animation Syntax, State and Animation, Animated Properties, Animation Parameters, Nested Animations, Animation Types, Custom Animations, Transitions, Gesture-based Animation, Animating View Transitions

• ⚙️ Timing Curves 1

.default, .linear, .easeIn, .easeOut, .easeInOut

• ⚙️ Timing Curves 2

.default, .linear, .easeIn, .easeOut, .easeInOut, .spring(), .interpolatingSpring(), .timingCurve()

• ⚙️ Transitions

Default Transition, Built-in Transition Types, Custom Transitions, Combined Transitions, AnyTransition, .opacity, .scale, .slide, .move(edge:), .asymmetric

• ⚙️ Sheets and FullScreenCovers

@State, .toggle(), .sheet(), fullScreenCover() isPresented, content, @Environment(.dismiss), dismiss()

• ⚙️ Popovers

.sheet(), fullScreenCover(), .transition(), withAnimation() {}, .animation(), .offset()

• ⚙️ Navigation

Navigation, NavigationStack{}, NavigationLink(), .navigationTitle(""), .navigationBarTitleDisplayMode(), .navigationDestination(for:destination:), NavigationDestination for a boolean @state variable, NavigationStack path parameter, NavigationPath, .toolbar{}, ToolbarItemGroup(){}, NavigationSplitView

• ⚙️ List

[List], List {}, Section(){}, .onDelete(), .onMove(), .listRowBackground(), .listStyle()

• ⚙️ Alerts

Alert(), title:, message:, dismissButton:, primaryButton:, secondaryButton:, action:

• ⚙️ Confirmation Dialog

confirmationDialog(), titleKey:, isPresented, titleVisibility, data, actions, message

• ⚙️ ContextMenu

contextMenu(menuItems:), Label("...", systemImage: "...")

• ⚙️ TextField

TextField(titleKey:, text:, prompt: )

• ⚙️ TextEditor

TextEditor(text:), .scrollContentBackground(.hidden), .clipShape(.rect(cornerRadii:)), .colorMultiply(Color(#colorLiteral()))

• ⚙️ Toggle

Toggle(titleKey:, isOn:, label: ), Styling toggles, .toggleStyle(.switch), .toggleStyle(.button)

• ⚙️ Picker

Picker(), selection:, label:, content:, .tag(), .pickerStyle()

• ⚙️ ColorPicker

ColorPicker( titleKey:, selection: , supportsOpacity: , label: )

• ⚙️ DatePicker

Date(), DateFormatter(), Calendar, ClosedRange<Date>, DateComponents, DatePicker(titleKey:, selection:, in:, displayedComponents:, label: ), .datePickerStyle()

• ⚙️ Stepper

Stepper(titleKey:, value:, step:, format:, label:, onEditingChanged: ), CGFloat, onIncrement:{}, onDecrement:{}

• ⚙️ Slider

Slider(value:, in:, step:, onEditingChanged:, minimumValueLabel:, maximumValueLabel:, label: ), Text(String(format: "%.2f", sliderValue))

• ⚙️ TabView

TabView(selection:, content: ), .badge(), .tabItem{}, .tag(), .onAppear(){}, Label(), .tabViewStyle()

• ⚙️ DarkMode

.preferredColorScheme(), colors

• ⚙️ Documentation

Adding documentation, markups, and comments, code folding, code blocks

• ⚙️ OnAppear and OnDisappear

onAppear(perform: {}), onDisappear(perform: {})

• ⚙️ Unwrapping optionals safely

if let __ = __ { } else { }, guard let __ = __ else { }

• ⚙️ TapGesture

Gesture, TapGesture().onEnded{}, .gesture(), .onTapGesture{}

• ⚙️ LongPressGesture

Gesture, @GestureState, LongPressGesture(), .updating(){}, .onChanged{}, .onEnded{}, .gesture(), .onLongPressGesture(){}, { (isPressing) in ...}, perform:{}, .onTapGesture{}

• ⚙️ MagnifyGesture

Gesture, @GestureState, MagnifyGesture(), .updating(){}, .onChanged{},, .onEnded{}, .gesture(), value.magnification

• ⚙️ RotateGesture

Gesture, Angle, RotateGesture(), .onChanged{}, .onEnded{}, .gesture(), .rotationEffect()

• ⚙️ DragGesture

Gesture, DragGesture(), .onChanged{}, .onEnded{}, .gesture(), value.translation, .scaleEffect(), .rotationEffect(), Angle, .offset()