我在做一个填空题。我有一个问题突然冒出来我想看起来像
“这是一个问题，答案是__________，您将键入”
问题是我在页面底部有一个文本字段，供用户输入答案，然后按回车键。但是，我希望问题中的空白区域可以由用户在文本字段中输入的内容动态填充。我知道这可以通过一个简单的绑定到文本字段来完成，但我不知道如何使问题的下划线空白工作。
这是我目前所拥有的

struct dialogueCaptionBoxWithQuestion: View {

var questionPart1: String
var questionPart2: String
var correctChosen: Bool
var answer: String

@Binding var userInput: String
@Binding var currentQuestionNumber: Int

var body: some View{
    
    HStack {
        if !correctChosen {
            Text(questionPart1)
                .font(Font.custom("Chalkboard SE", size: 15)) +
            Text(userInput)
                .font(Font.custom("Chalkboard SE", size: 15))
                .foregroundColor(.black)
                .underline(color: .black.opacity(1.0)) +
            Text(questionPart2)
                .font(Font.custom("Chalkboard SE", size: 15))
        }else {
            Text(questionPart1)
                .font(Font.custom("Chalkboard SE", size: 15)) +
            
            Text("  " + answer + "  ")
                .font(Font.custom("Chalkboard SE", size: 15))
                .foregroundColor(.black)
                .underline(color: .black.opacity(1.0)) +
            Text(questionPart2)
                .font(Font.custom("Chalkboard SE", size: 15))
        }
    }.frame()
        .padding([.top, .bottom], 10)
        .padding([.leading, .trailing], 20)
        .foregroundColor(.black)
        .background(.white)
        .cornerRadius(10)
        .shadow(radius: 5)
    
}

}