複数のTextFieldに入力した複数の値を関数で利用して演算結果をTextに表示させたい

Question

実現したいこと

・String型の複数の変数をまとめてInt型へキャストして演算結果をText表示させたい
・この方法をとらずに他の方法があれば教えていただきたいです。

前提

このようなアプリをswiftUIで実装しています。
・5つのtextFieldに値を入力してButtonをタップすると演算結果(加算)がテキストに表示する計算アプリ

ここに質問の内容を詳しく書いてください。

発生している問題・エラーメッセージ

[問題]
・関数を定義し、5つのtextFieldの変数をまとめてInt型へキャストして演算を行ったところ、文字列が連結した状態でキャストしているので加算が行われないという問題が発生しました。2つtextFieldに1と1をそれぞれ入力してButtonをタップすると11と表示してしまう。

[実現したいこと]
これを2と表示できるようにしたいです。
他にこういうやり方の方が簡単であったり、こういうやり方も存在するなどの方法があればご教授いただけたらと思っています。

該当のソースコード

import SwiftUI

struct ContentView: View {
    
    @State var textFieldOne = ""
    @State var textFieldTwo = ""
//    @State var textFieldThree = ""
//    @State var textFieldFour = ""
//    @State var textFieldFive = ""
    @State var result = "Label"
    @State var num = 2
    
    var body: some View {
        
        VStack {
            Group {
                TextField("", text: $textFieldOne)
                
                TextField("", text: $textFieldTwo)
//
//                TextField("", text: $textFieldThree)
//
//                TextField("", text: $textFieldFour)
//
//                TextField("", text: $textFieldFive)
            }
            .textFieldStyle(.roundedBorder)
            .frame(width: 120)
            .keyboardType(.numberPad)
            
            Button(action: {
                num = calc()
                result = String(num)
                
            }, label: {
                Text("Button")
            })
            .padding()
            
            Text(result)
        }
    }
    
    func calc() -> Int {
        //textFieldOneの値とtextFieldTwoの値が文字列により連結した状態からでキャストしている。これを改善しないといけない。そのためにはキャストした状態から加算式を定義してあげないといけない
        if let result = Int(textFieldOne + textFieldTwo) {
            return result
        } else {
            return -1
        }
    }
}

### 試したこと
現在進行中です。

Answer 1

次のように変更すると良いかもしれません。
申し訳ございませんが、良い代替案は思いつきません。

import SwiftUI

struct ContentView: View {
    
    @State var textFieldOne = ""
    @State var textFieldTwo = ""
//    @State var textFieldThree = ""
//    @State var textFieldFour = ""
//    @State var textFieldFive = ""
    @State var result = "Label"
    @State var num = 2
    
    var body: some View {
        
        VStack {
            Group {
                TextField("", text: $textFieldOne)
                
                TextField("", text: $textFieldTwo)
//
//                TextField("", text: $textFieldThree)
//
//                TextField("", text: $textFieldFour)
//
//                TextField("", text: $textFieldFive)
            }
            .textFieldStyle(.roundedBorder)
            .frame(width: 120)
            .keyboardType(.numberPad)
            
            Button(action: {
                num = calc()
                result = String(num)
                
            }, label: {
                Text("Button")
            })
            .padding()
            
            Text(result)
        }
    }
    
    func calc() -> Int {
        //下記を変更
        if let result1 = Int(textFieldOne), let result2 = Int(textFieldTwo) {
            return result1 + result2
        } else {
            return -1
        }
    }
}

Comments

[matubokkuri]

回答ありがとうございます！
if letの後の記述の箇所で result1, result2と複数定義できることを理解できていなかったです。
またよろしくお願いいたします。