TextField/Toggle/Picker

SwiftUI ro‘yxatlar va formalar: kiritish elementlari

Foydalanuvchi kiritgan ma’lumotlarni TextField, Toggle va Picker yordamida yig‘ing.

TextField, Toggle va Picker yordamida ma’lumot yig‘ish

Matn, boolean qiymatlar va tanlovlarni olish uchun @State ga bog‘langan forma elementlaridan foydalaning.

import SwiftUI

struct InputsDemo: View {
  @State private var name = ""
  @State private var enabled = true
  @State private var choice = 1
  var body: some View {
    Form {
      TextField("Name", text: $name)
      Toggle("Enabled", isOn: $enabled)
      Picker("Choice", selection: $choice) {
        Text("One").tag(1)
        Text("Two").tag(2)
      }
    }
  }
}

import SwiftUI

struct ContentView: View {
  var body: some View { InputsDemo() }
}

import SwiftUI

@main
struct MyApp: App {
  var body: some Scene {
    WindowGroup { ContentView() }
  }
}

Yuqoridagi misolda @State ga bog‘langan matn, toggle va picker elementlariga ega forma ko‘rsatilgan.

Segmentli Picker va Stepper

import SwiftUI

struct InputsAdvancedDemo: View {
  @State private var selection = 0
  @State private var count = 1
  var body: some View {
    Form {
      Picker("Options", selection: $selection) {
        Text("A").tag(0); Text("B").tag(1); Text("C").tag(2)
      }
      .pickerStyle(.segmented)
      Stepper("Count: \(count)", value: $count, in: 1...5)
    }
  }
}

import SwiftUI

struct ContentView: View { var body: some View { InputsAdvancedDemo() } }

import SwiftUI

@main
struct MyApp: App { var body: some Scene { WindowGroup { ContentView() } } }

Yuqoridagi misolda @State ga bog‘langan segmentli picker va stepper elementlariga ega forma ko‘rsatilgan.