SwiftUI Introspect

https://swiftpackageindex.com/siteline/swiftui-introspect/1.4.0-beta.2/documentation/
Admin
The project description could not be extracted from the provided content as it primarily consists of...
Tokens:3,251
Snippets:9
Trust Score:9.7
Update:1 year ago
Show doc for...
Tokens:
Raw
### Customize UITextField Keyboard and Toolbar with SwiftUI

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This example demonstrates how to introspect a SwiftUI TextField to customize its keyboard type and add a custom input accessory view (toolbar). It includes examples for setting the email keyboard with a "Done" button and a decimal pad keyboard with "Clear" and "Done" buttons, targeting specific iOS versions.

```swift
import SwiftUI
import SwiftUIIntrospect

struct TextFieldKeyboardExample: View {
    @State private var email: String = ""
    @State private var amount: String = ""

    var body: some View {
        VStack(spacing: 20) {
            // Email field with custom toolbar
            TextField("Email", text: $email)
                .textFieldStyle(.roundedBorder)
                .introspect(.textField, on: .iOS(.v15, .v16, .v17)) { textField in
                    textField.keyboardType = .emailAddress
                    textField.textContentType = .emailAddress

                    // Add custom toolbar
                    let toolbar = UIToolbar()
                    toolbar.sizeToFit()

                    let flexSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
                    let doneButton = UIBarButtonItem(title: "Done", style: .done, target: textField, action: #selector(UITextField.resignFirstResponder))

                    toolbar.items = [flexSpace, doneButton]
                    textField.inputAccessoryView = toolbar
                }

            // Amount field with number pad
            TextField("Amount", text: $amount)
                .textFieldStyle(.roundedBorder)
                .introspect(.textField, on: .iOS(.v15, .v16, .v17)) { textField in
                    textField.keyboardType = .decimalPad

                    // Custom toolbar with clear and done
                    let toolbar = UIToolbar()
                    toolbar.sizeToFit()

                    let clearButton = UIBarButtonItem(title: "Clear", style: .plain, target: nil, action: nil)
                    clearButton.action = #selector(UITextField.clearText)

                    let flexSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
                    let doneButton = UIBarButtonItem(barButtonSystemItem: .done, target: textField, action: #selector(UITextField.resignFirstResponder))

                    toolbar.items = [clearButton, flexSpace, doneButton]
                    textField.inputAccessoryView = toolbar
                }
        }
        .padding()
    }
}

extension UITextField {
    @objc func clearText() {
        text = ""
        sendActions(for: .editingChanged)
    }
}
```

--------------------------------

### Introspect SwiftUI Scroll View to Customize UIScrollView

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This example shows how to introspect a SwiftUI `ScrollView` to modify its underlying `UIScrollView` properties. It allows disabling bouncing effects and hiding the vertical scroll indicator, providing more control over scrolling behavior. This functionality is available for iOS versions 15, 16, and 17 and requires the SwiftUIIntrospect library.

```swift
import SwiftUI
import SwiftUIIntrospect

struct ScrollViewExample: View {
    var body: some View {
        ScrollView {
            ForEach(0..<50) {
                index in
                Text("Row \(index)")
                    .padding()
            }
        }
        .introspect(.scrollView, on: .iOS(.v15, .v16, .v17)) { scrollView in
            scrollView.bounces = false
            scrollView.showsVerticalScrollIndicator = false
            scrollView.alwaysBounceVertical = false
        }
    }
}
```

--------------------------------

### Customize List/TableView Appearance with SwiftUIIntrospect

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This snippet demonstrates how to introspect a SwiftUI List to access and customize its underlying UITableView. It allows for modifications to separator styles, colors, inset, scroll indicator visibility, selection behavior, and background color. It requires importing SwiftUI and SwiftUIIntrospect.

```swift
import SwiftUI
import SwiftUIIntrospect

struct ListExample: View {
    @State private var items = Array(0..<100)

    var body: some View {
        List {
            ForEach(items, id: \.self) {
                item in
                HStack {
                    Image(systemName: "star.fill")
                        .foregroundColor(.yellow)
                    Text("Item \(item)")
                    Spacer()
                    Text("Detail")
                        .foregroundColor(.secondary)
                }
                .padding(.vertical, 4)
            }
            .onDelete {
                indexSet in
                items.remove(atOffsets: indexSet)
            }
        }
        .introspect(.list, on: .iOS(.v15, .v16, .v17)) { tableView in
            // Customize separator
            tableView.separatorStyle = .singleLine
            tableView.separatorColor = .systemGray4
            tableView.separatorInset = UIEdgeInsets(top: 0, left: 50, bottom: 0, right: 0)

            // Customize behavior
            tableView.showsVerticalScrollIndicator = false
            tableView.allowsMultipleSelection = false
            tableView.allowsSelectionDuringEditing = true

            // Customize appearance
            tableView.backgroundColor = .systemGroupedBackground
            tableView.tableFooterView = UIView() // Remove empty cells
        }
    }
}

```

--------------------------------

### Platform-Specific Introspection for iOS and macOS TextFields/ScrollViews

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This snippet illustrates how to use SwiftUI-Introspect for platform-specific customizations. It shows how to apply different styles to a TextField on iOS and macOS, and how to customize ScrollViews on iOS, tvOS, and macOS, ensuring compatibility across various Apple operating systems and versions.

```swift
import SwiftUI
import SwiftUIIntrospect

struct PlatformSpecificExample: View {
    @State private var text: String = ""

    var body: some View {
        TextField("Enter text", text: $text)
            .introspect(.textField, on: .iOS(.v15, .v16, .v17)) { textField in
                // iOS-specific UITextField customization
                textField.backgroundColor = .systemGray6
                textField.borderStyle = .roundedRect
            }
            #if os(macOS)
            .introspect(.textField, on: .macOS(.v12, .v13, .v14)) { textField in
                // macOS-specific NSTextField customization
                textField.focusRingType = .none
                textField.backgroundColor = .controlBackgroundColor
                textField.isBordered = true
                textField.bezelStyle = .roundedBezel
            }
            #endif
    }
}

struct MultiPlatformScrollView: View {
    var body: some View {
        ScrollView {
            ForEach(0..<100) {
                i in
                Text("Row \(i)")
                    .padding()
            }
        }
        .introspect(.scrollView, on: .iOS(.v15, .v16, .v17), .tvOS(.v15, .v16, .v17)) { scrollView in
            // Shared customization for iOS and tvOS
            scrollView.showsVerticalScrollIndicator = false
            scrollView.bounces = true
        }
        #if os(macOS)
        .introspect(.scrollView, on: .macOS(.v12, .v13, .v14)) { scrollView in
            // macOS-specific NSScrollView customization
            scrollView.hasVerticalScroller = false
            scrollView.scrollerStyle = .overlay
        }
        #endif
    }
}
```

--------------------------------

### Customize TabView Appearance with SwiftUIIntrospect

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This snippet shows how to access and customize the UITabBar appearance for a SwiftUI TabView. It allows modification of colors, fonts, and visibility for selected and normal tab items, going beyond SwiftUI's built-in TabView API. It requires importing SwiftUI and SwiftUIIntrospect.

```swift
import SwiftUI
import SwiftUIIntrospect

struct TabViewExample: View {
    @State private var selectedTab = 0

    var body: some View {
        TabView(selection: $selectedTab) {
            HomeView()
                .tabItem {
                    Label("Home", systemImage: "house")
                }
                .tag(0)

            SettingsView()
                .tabItem {
                    Label("Settings", systemImage: "gear")
                }
                .tag(1)
        }
        .introspect(.tabView, on: .iOS(.v15, .v16, .v17)) { tabBarController in
            let appearance = UITabBarAppearance()
            appearance.configureWithOpaqueBackground()
            appearance.backgroundColor = .systemBackground

            // Customize selected item appearance
            appearance.stackedLayoutAppearance.selected.iconColor = .systemBlue
            appearance.stackedLayoutAppearance.selected.titleTextAttributes = [
                .foregroundColor: UIColor.systemBlue,
                .font: UIFont.systemFont(ofSize: 12, weight: .semibold)
            ]

            // Customize normal item appearance
            appearance.stackedLayoutAppearance.normal.iconColor = .systemGray
            appearance.stackedLayoutAppearance.normal.titleTextAttributes = [
                .foregroundColor: UIColor.systemGray
            ]

            tabBarController.tabBar.standardAppearance = appearance
            tabBarController.tabBar.scrollEdgeAppearance = appearance
        }
    }
}

struct HomeView: View {
    var body: some View { Text("Home") }
}

struct SettingsView: View {
    var body: some View { Text("Settings") }
}

```

--------------------------------

### Introspect SwiftUI Navigation View to Customize UINavigationBar

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This snippet demonstrates customizing the `UINavigationBar` appearance and behavior within a SwiftUI `NavigationView`. It allows setting custom background colors, title attributes, and button tints by accessing the underlying `UINavigationController`. This requires the SwiftUIIntrospect library and is compatible with iOS versions 15, 16, and 17.

```swift
import SwiftUI
import SwiftUIIntrospect

struct NavigationBarExample: View {
    var body: some View {
        NavigationView {
            List(0..<20) {
                item in
                Text("Item \(item)")
            }
            .navigationTitle("Custom Navigation")
            .introspect(.navigationView(style: .stack), on: .iOS(.v15, .v16, .v17)) { navigationController in
                let appearance = UINavigationBarAppearance()
                appearance.configureWithOpaqueBackground()
                appearance.backgroundColor = .systemIndigo
                appearance.titleTextAttributes = [.foregroundColor: UIColor.white]
                appearance.largeTitleTextAttributes = [
                    .foregroundColor: UIColor.white,
                    .font: UIFont.systemFont(ofSize: 34, weight: .bold)
                ]

                navigationController.navigationBar.standardAppearance = appearance
                navigationController.navigationBar.scrollEdgeAppearance = appearance
                navigationController.navigationBar.compactAppearance = appearance
                navigationController.navigationBar.tintColor = .white
            }
        }
    }
}
```

--------------------------------

### Access and Customize SwiftUI Picker with UIKit

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This snippet shows how to use SwiftUIIntrospect to access the UIPickerView from a SwiftUI Picker. It allows for advanced customization of fonts, colors, and other properties not directly exposed by SwiftUI's Picker, targeting specific iOS versions.

```swift
import SwiftUI
import SwiftUIIntrospect

struct PickerExample: View {
    @State private var selectedColor = "Red"
    let colors = ["Red", "Green", "Blue", "Yellow", "Purple", "Orange"]

    var body: some View {
        VStack {
            Picker("Select Color", selection: $selectedColor) {
                ForEach(colors, id: \.self) {
                    color in
                    Text(color).tag(color)
                }
            }
            .pickerStyle(.wheel)
            .introspect(.picker(style: .wheel), on: .iOS(.v15, .v16, .v17)) { pickerView in
                // Customize picker appearance
                pickerView.subviews.forEach { subview in
                    if let label = subview as? UILabel {
                        label.font = .systemFont(ofSize: 20, weight: .semibold)
                    }
                }
                pickerView.backgroundColor = .systemGray6
            }

            Text("Selected: \(selectedColor)")
                .padding()
                .background(colorForName(selectedColor).opacity(0.3))
                .cornerRadius(8)
        }
        .padding()
    }

    func colorForName(_ name: String) -> Color {
        switch name {
        case "Red": return .red
        case "Green": return .green
        case "Blue": return .blue
        case "Yellow": return .yellow
        case "Purple": return .purple
        case "Orange": return .orange
        default: return .gray
        }
    }
}
```

--------------------------------

### Customize UIDatePicker Appearance with SwiftUI-Introspect

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This snippet demonstrates how to customize the appearance and behavior of UIDatePicker in SwiftUI using SwiftUI-Introspect. It shows how to modify colors, styles, and set minimum/maximum dates for both inline and compact DatePickers across different iOS versions.

```swift
import SwiftUI
import SwiftUIIntrospect

struct DatePickerExample: View {
    @State private var selectedDate = Date()
    @State private var birthDate = Date()

    var body: some View {
        VStack(spacing: 30) {
            // Inline date picker with custom colors
            DatePicker("Select Date", selection: $selectedDate, displayedComponents: [.date, .hourAndMinute])
                .datePickerStyle(.wheel)
                .introspect(.datePicker(style: .wheel), on: .iOS(.v15, .v16, .v17)) { datePicker in
                    datePicker.preferredDatePickerStyle = .wheels
                    datePicker.backgroundColor = .systemGray6
                    datePicker.tintColor = .systemPurple
                    datePicker.setValue(UIColor.systemPurple, forKey: "textColor")
                }

            // Compact date picker
            DatePicker("Birth Date", selection: $birthDate, displayedComponents: .date)
                .datePickerStyle(.compact)
                .introspect(.datePicker(style: .compact), on: .iOS(.v15, .v16, .v17)) { datePicker in
                    datePicker.maximumDate = Date()
                    datePicker.minimumDate = Calendar.current.date(byAdding: .year, value: -100, to: Date())
                    datePicker.tintColor = .systemBlue
                }

            Text("Selected: \(selectedDate.formatted())")
                .padding()
                .background(Color.gray.opacity(0.2))
                .cornerRadius(8)
        }
        .padding()
    }
}
```

--------------------------------

### Introspect SwiftUI Text Field to Customize UITextField

Source: https://context7.com/context7/swiftpackageindex_siteline_swiftui-introspect_1_4_0-beta_2/llms.txt

This snippet demonstrates how to use the `.introspect()` modifier to access and configure the underlying `UITextField` for a SwiftUI `TextField`. It allows customization of properties such as background color, border style, keyboard behavior, and clear button mode. This requires the SwiftUIIntrospect library and is applicable to iOS versions 15, 16, and 17.

```swift
import SwiftUI
import SwiftUIIntrospect

struct TextFieldIntrospectionExample: View {
    @State private var username: String = ""

    var body: some View {
        TextField("Username", text: $username)
            .introspect(.textField, on: .iOS(.v15, .v16, .v17)) { textField in
                // Access UITextField directly
                textField.backgroundColor = .systemGray6
                textField.borderStyle = .roundedRect
                textField.autocapitalizationType = .none
                textField.autocorrectionType = .no
                textField.returnKeyType = .done
                textField.clearButtonMode = .whileEditing
                textField.enablesReturnKeyAutomatically = true
            }
    }
}
```
Tokens:
Raw