SwiftUI: Wie setze ich den Text im Textfield?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • SwiftUI: Wie setze ich den Text im Textfield?

    Ich habe eine Klasse Login aus der ich das Textfield setzen möchte. Wie mache ich das?

    Dankeschön :)

    Quellcode

    1. import SwiftUI
    3. struct LoginView: View {
    4. @State public var password: String = ""
    6. var body: some View {
    7. VStack(alignment: .center) {
    8. NavigationStack {
    10. TextField("Passwort", text: $password, prompt: Text("Passwort"))
    11. .frame(width: 200, height: 40)
    12. .padding(EdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 16))
    13. .cornerRadius(15)
    14. .background(Color(UIColor.systemGray5))
    15. .disableAutocorrection(true)
    17. NavigationLink("Anmelden", value: "Home")
    18. .navigationDestination(for: String.self) { textValue in
    19. HomeView()
    20. }
    21. .navigationTitle("Willkommen bei Denkste!")
    22. }
    24. }
    25. .onAppear() {
    26. let database = Database()
    27. database.delegate = Login()
    28. database.DownloadAllUsers()
    29. }
    30. }
    31. }
    33. class Login: DatabaseProtocol {
    35. func allUsersDownloaded() {
    36. LoginView().password = "Hallo". // <<<< Das funktioniert nicht!!
    37. print("Ready")
    38. return
    39. }
    41. }
    Alles anzeigen

  • Ich mache das immer so:

    Quellcode

    1. struct LoginView: View {
    2. @State public var password: String = ""
    4. // Hier das init rein und die Übergabewerte den States zuordnen
    5. init(password: String) {
    6. _password = State(initialValue: password)
    7. }
    8. var body: some View {
    9. VStack(alignment: .center) {
    10. NavigationStack {
    11. TextField("Passwort", text: $password, prompt: Text("Passwort"))
    12. .frame(width: 200, height: 40)
    13. .padding(EdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 16))
    14. .cornerRadius(15)
    15. .background(Color(UIColor.systemGray5))
    16. .disableAutocorrection(true)
    17. NavigationLink("Anmelden", value: "Home")
    18. .navigationDestination(for: String.self) { textValue in
    19. HomeView()
    20. }
    21. .navigationTitle("Willkommen bei Denkste!")
    22. }
    23. }
    24. .onAppear() {
    25. let database = Database()
    26. database.delegate = Login()
    27. database.DownloadAllUsers()
    28. }
    29. }
    30. }
    31. class Login: DatabaseProtocol {
    32. func allUsersDownloaded() {
    33. // hier den Parameter angeben.
    34. LoginView(password = "Hallo")
    35. print("Ready")
    36. return
    37. }
    38. }
    Alles anzeigen

    Wenn du den Wert aus dem subView wieder zurück im MainView brauchst, musst du mit Bindings arbeiten. Das geht dann so


    Quellcode

    1. struct LoginView: View {
    2. @Binding public var password: String
    4. // Hier das init rein und die Übergabewerte den States zuordnen
    5. init(password: Binding<String>) {
    6. _password = password
    7. }
    8. [...]
    9. }
    11. class Login: DatabaseProtocol {
    12. func allUsersDownloaded() {
    13. // hier den Parameter angeben.
    14. LoginView(password = "Hallo")
    15. print("Ready")
    16. return
    17. }
    18. }
    Alles anzeigen

  • Ich Danke Dir, Ich blicke insgesamt leider noch nicht ganz durch. Ich habe es wie folgt geändert. Aber Der Wert "Hallo" wird nicht ins Textfeld übergeben.

    Quellcode

    1. import SwiftUI
    3. struct LoginView: View {
    4. @State public var password: String
    6. init(password: String) {
    7. _password = State(initialValue: password)
    8. }
    10. var body: some View {
    11. VStack() {
    12. NavigationStack {
    14. TextField("Passwort", text: $password, prompt: Text("Passwort"))
    15. .frame(width: 200, height: 40)
    16. .padding(EdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 16))
    17. .cornerRadius(15)
    18. .background(Color(UIColor.systemGray5))
    19. .disableAutocorrection(true)
    21. NavigationLink("Anmelden", value: "Home")
    22. .navigationDestination(for: String.self) { textValue in
    23. HomeView()
    24. }
    25. .navigationTitle("Willkommen!")
    26. }
    28. }
    29. .onAppear() {
    30. let database = Database()
    31. database.delegate = Login()
    32. database.DownloadAllUsers()
    33. }
    34. }
    35. }
    37. class Login: DatabaseProtocol {
    39. func allUsersDownloaded() {
    40. LoginView(password: "Hallo")
    41. print("Ready")
    42. return
    43. }
    45. }
    Alles anzeigen

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Dirk86 ()

  • Also die Grundstruktur ist ja so....

    Quellcode

    1. @State private var username : String = ""
    3. HStack{
    4. Text("Username")
    5. TextField("Enter username", text: $username)
    6. }

    (Alignments lasse ich an dieser Stelle mal weg)

    Oder mit Prompts


    Quellcode

    1. @State private var username : String = ""
    2. @State private var password : String = ""
    4. Form {
    5. TextField(text: $username, prompt: Text("Enter Username")) {
    6. Text("Username")
    7. }
    8. SecureField(text: $password, prompt: Text("Enter password")) {
    9. Text("Enter Password")
    10. }
    (Passwörter kannst du im übrigen als SecureField angeben, dann wird die Eingabe nicht als Text angezeigt)


    In deinem Fall würde ich die Variable in der du Hallo setzen willst, einfach mit dem .onAppear identifier auf "hallo" setzen, denn du brauchst sie ja nur wenn du auf die View aufspringst und würde das nicht so kompliziert mit Übergabeparameter machen.
    Und gerade für die Loginseite, die du ja vermutlich nur ein mal zu beginn siehst, würde ich die einfachste Lösung anpeilen. :)

  • Da hast du natürlich Recht, aber ich versuche mich gerade etwas in SwiftUI einzuarbeiten. Ich muss nicht hier aber an anderer Stelle geladene Daten aus einer Datenbank in die Textfelder schreiben.

    Mit dem Storyboard habe ich einfach in meiner Klasse Login.text = "Hallo" gesetzt.

    Hier scheint alles sehr kompliziert. Blicke mit den @Binding, @State... noch nicht ganz durch.

    Warum wird im Code das Textfield auf BBBB gesetzt, nicht aber auf AAAA???

    Quellcode

    1. import SwiftUI
    3. struct LoginView: View {
    4. @State public var password: String
    6. init(passwd: String) {
    7. self.password = passwd
    8. }
    9. var body: some View {
    10. VStack() {
    11. NavigationStack {
    12. TextField("", text: $password)
    13. .frame(width: 200, height: 40)
    14. .padding(EdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 16))
    15. .cornerRadius(15)
    16. .background(Color(UIColor.systemGray5))
    17. .disableAutocorrection(true)
    18. Button("Drück mich") {
    19. self.password = "Grrrr"
    20. }
    21. NavigationLink("Anmelden", value: "Home")
    22. .navigationDestination(for: String.self) { textValue in
    23. HomeView(name: "Dirk")
    24. }
    25. .navigationTitle("Willkommen!")
    26. }
    28. }
    29. .onAppear() {
    31. // BBBB wird im Textfield gesetzt!!!
    33. self.password = "BBBB"
    34. let database = Database()
    35. database.delegate = Login()
    36. database.DownloadAllUsers()
    37. }
    38. }
    39. }
    41. class Login: DatabaseProtocol {
    42. func allUsersDownloaded() {
    44. // WARUM WIRD AAAA nicht im Textfield gesetzt????
    45. LoginView.init(passwd: "AAAA")
    46. print("Ready")
    47. return
    48. }
    50. }
    Alles anzeigen

    Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von Dirk86 ()

  • Ganz einfach, weil Du den wert AAAA im onAppear mit BBBB überschreibst. AAAA gibt es dann nicht mehr, wenn die View angezeigt wird.

    Du kannst es dir auch einfach machen. Erstelle einfach eine Klasse "Brain". Die nimmst dann in der Hauptroutine in das Environment. Dann kannst du aus jeder View auf die Klasse zugreifen. Das ist dann deine Source-of-thruth. Da schreibst dann einfach deine Variablen rein, ggf. auch noch mit der Logik und fertig. Das ganze ergänzt du dann noch mit @Observable Macro (neu in SwiftUI 5) und du hast kein Problem mehr.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Wolf ()

  • Nur mal so gaaaaanz banal erklärt (so merke ich es mir zumindest so grob)

    @State-Variable: ist eine "Status-Variable". Die prüft permanent in dem View, ob sich in der Variable eine Änderung ergibt. Jede Änderung der Variable wird so auch an alle Stellen im View übertragen. Diese gehört allein diesem View und sonst keinem.
    @Binding: damit erstellt man eine Art "Tunnel" zwischen Haupt-View und Sub-View. Das Binding funktioniert in etwa so wie zwei verschränkte Quanten: was in dem einen View geändert wird, wird auch in dem anderen View geändert. Darum müssen den ViewItems wie Text, TextField, DatePicker etc. auch immer ein Binding übergeben werden, damit Änderungen dort auch wieder im View übernommen werden können.

    Wie gesagt: gaaaanz einfach. Natürlich ist das unter der Motorhaube etwas komplizierter.

    Wenn ich Funktionen über mehrere Views hinweg brauche, dann erstelle ich die func in einer View-Extension.

    Quellcode

    1. extension View {
    2. func allUsersDownloaded(passwd: Binding<String>) {
    3. passwd = "Yo Man!"
    4. }
    5. }


    Wenn du die eine func nur in dem einen View brauchst, dann erstelle die einfach im View, den du erstellt hast.


    Quellcode

    1. struct LoginView: View {
    2. [...]
    3. func allUsersDownload() {
    4. passwd = "Yes, Sir!"
    5. }
    6. }

    Um da mal einen guten Einstieg zu bekommen, mach mal das Tut durch:
    youtube.com/watch?v=YIZxSZJMU2…JTkn9KxHzYeSRqUbQ&index=1

  • @mihema: Dankeschön. Wenn ich die Funktion in den struct View packe, wie rufe ich Sie dann auf?

    ich hab ja nen Delegate drauf von der Database Class.

    Quellcode

    1. let database = Database()
    2. database.delegate = self
    3. database.DownloadAllUsers()

    Das funktioniert dann ja nicht! Die Funktion allUsersDownloaded() wird ja aus der class Database aus per Delegate aufgerufen.

    Offtopic: QM ist mir ehlichgesagt klarer als dieses Chaos hier :) Danke für die Erklärung


    EDIT: HABS HINBEKOMMEN!!! DANKESCHÖN!!!!

    Freue mich gerade riesig :D

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Dirk86 ()

  • Hier noch ein Beispiel, kurz runtergeschrieben ohne Compiler... sollte aber funktionieren..

    Quellcode

    1. import SwiftUI
    3. @Observable final class Brain {
    4. var isLoggedIn: Bool = false
    5. func logOut() {
    6. isLoggedIn = false
    7. }
    8. func logMeIn(username: String, passwd: String) {
    9. if usernameAndPassWdOk(username: username, passwd: passwd) {
    10. isLoggedIn = true
    11. }
    12. }
    13. private func UsernameAndPassWdOk(username: String, passwd: String) -> Bool {
    14. //prüf was du willst
    15. // wenn in Ordnung
    16. return true
    17. }
    18. }
    20. @main
    21. struct MySuperApp: App {
    22. @State private var brain = Brain()
    24. var body: some Scene {
    25. WindowGroup {
    26. ContentView()
    27. .environmentObject(brain)
    28. }
    29. }
    30. }
    32. struct ContentView: View {
    33. @EnvironmentObject private var brain: Brain
    34. var body: some View {
    35. if brain.isLoggedIn {
    36. VLogOut()
    37. } else {
    38. VLogIn()
    39. }
    40. }
    41. }
    43. struct VLogIn() {
    44. @EnvironmentObject private var brain: Brain
    45. @State private var uName: String = ""
    46. @State private var passWd: String = ""
    47. var body: some View {
    48. @Bindable var brain = brain //wird nicht benötigt, da über Funktion geprüft wird
    49. VStack {
    50. TextField("Username: ", $uName)
    51. TextField("PassWd: ", $passWd)
    52. Button {
    53. brain.logMeIn(username: uName, passwd: passWd)
    54. } label: {
    55. Text("Login")
    56. }
    57. }
    58. }
    59. }
    61. struct VLogOut() {
    62. @EnvironmentObject private var brain: Brain
    63. var body: some View {
    64. Button {
    65. brain.logOut()
    66. } label: {
    67. Text("Logout")
    68. }
    69. }
    70. }
    Alles anzeigen
    Hat den Vorteil, dass "Brain" überall verfügbar ist, und durch @Observable alle Änderungen durchgereicht werden, genau zu der View, die neu gezeichnet werden soll.

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Wolf ()

  • Hallo Manoh,

    ist mir klar. Mir ging es um den prinzipiellen Aufbau und die Weitergabe der Variablen. Habe auch dazu geschrieben, dass ich derzeit keine Compiler im Zugriff habe. Habe auch gezeigt, dass man mit @Bindable auch bei einem Let/Var noch Bindings erstellen kann, wenn man diese benötigen sollte.
    Für Profis wie dich, ziemlich uninteressant, aber für Dirk86 vielleicht der Schlüssel für weitere Lösungen.,

    Schöne Grüsse
    Wolf

  • Wolf schrieb:

    Hallo Manoh,

    ist mir klar.
    Meine Antwort war nicht an dich gerichtet. Sondern allgemein.

    Wenn es an dich gerichtet wäre, dann hätte ich dich auch namentlich erwähnt.

    Wolf schrieb:

    Für Profis wie dich, ziemlich uninteressant
    Nop. Bin definitiv kein SwiftUI Profi. Alles andere als ein SwiftUI-Profi. Aber k.A., manche Dinge kennt man einfach bzw. hat eine Erwartungshaltung, die es dann auch irgendwie gibt. Darum ist mir das gleich eingefallen und wollte nur Senf dazugeben.

    Wäre ich ein Profi, dann wüste ich wie man die Passwortabfrage gleich mit dem Schlüsselbund verbindet. Aber keine Ahnung wie das geht. Das kannst Du mir ja dann erklären @Wolf