如何在swiftUI中自动更新TextField

问题描述

我是swiftUI开发的新手,我有一个小问题。我使用Timer创建了一个递增计时器。我想在TextField中显示更新时间,但是不起作用(使用Text可以)。这是代码

 import SwiftUI
  struct ContentView: View {

    @State var min: Int = 0
    @State var sec: Int = 0
    @State var time = ""
    @State var timer: Timer? = nil
    
    var body: some View {
        
        NavigationView{
        vstack{
            TextField("Tempo (min o mm:ss)",text: $time)
            
        HStack{

            Button(action: {
                self.start()
                self.time = String(self.min)+":"+String(self.sec)
                
            }){
                Text("Start")
            }
            Button(action: {
                self.stop()
                
            }){
                Text("Stop")
            }
        }
      }//vstack
     }//NavigationView
    }//body
    func start(){
            timer = Timer.scheduledTimer(withTimeInterval: 1,repeats: true){
                temp in
                self.sec = self.sec + 1
                if(self.sec == 59){
                    self.sec = 0
                    self.min = self.min + 1
                }
            }
        }
        
    func stop(){
            timer?.invalidate()
            timer = nil
        }

   }//contetView
   

解决方法

您看不到更改,因为您没有在计时器循环中更新time字符串。

解决方法:

func updateTimeString() {
    self.time = String(format: "%02d:%02d",self.min,self.sec)
}

func start(){
    timer = Timer.scheduledTimer(withTimeInterval: 1,repeats: true) { temp in
        self.sec = self.sec + 1
        if self.sec == 59 {
            self.sec = 0
            self.min = self.min + 1
        }
        updateTimeString()
    }
}

注释:

  • 我移动了代码,将time字符串设置为单独的函数。然后,您也可以从Button拨打此电话。
  • 我使用String(format:)向您的字符串添加了格式,以在分钟和秒上显示两位数字。