面试题：Flutter针对iOS和Android输入法差异的焦点管理优化

实现思路

监听焦点变化：在iOS和Android平台上，都需要监听TextField的焦点变化事件。当一个TextField获得焦点时，确保输入法弹出；当失去焦点时，处理可能的文本保存或校验等操作，并在合适的时候隐藏输入法。
平台适配：由于两个平台获取和失去焦点的时机可能不同，需要针对平台特性进行适配。例如，iOS上可以利用UITextFieldDelegate的相关方法，Android上可以通过TextWatcher和View.OnFocusChangeListener等接口来实现。
表单逻辑处理：在焦点切换时，要考虑表单的整体逻辑，如当前输入内容的合法性校验、自动保存等。

核心代码片段

iOS (Swift)

import UIKit

class ViewController: UIViewController, UITextFieldDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()

        let textField1 = UITextField(frame: CGRect(x: 50, y: 100, width: 200, height: 30))
        textField1.delegate = self
        view.addSubview(textField1)

        let textField2 = UITextField(frame: CGRect(x: 50, y: 150, width: 200, height: 30))
        textField2.delegate = self
        view.addSubview(textField2)
    }

    // 处理TextField获得焦点事件
    func textFieldDidBeginEditing(_ textField: UITextField) {
        // 可以在这里进行一些获取焦点时的操作，如提示信息更新等
    }

    // 处理TextField失去焦点事件
    func textFieldDidEndEditing(_ textField: UITextField) {
        // 进行文本校验、保存等操作
        if let text = textField.text {
            // 校验文本
            if text.isEmpty {
                print("文本不能为空")
            } else {
                // 保存文本
                print("保存文本: \(text)")
            }
        }
    }

    // 处理焦点切换，当用户点击Return键时切换到下一个TextField
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        if textField == textField1 {
            textField2.becomeFirstResponder()
        } else if textField == textField2 {
            textField.resignFirstResponder()
        }
        return true
    }
}

Android (Kotlin)

import android.os.Bundle
import android.text.Editable
import android.text.TextWatcher
import android.view.View
import android.widget.EditText
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val editText1: EditText = findViewById(R.id.editText1)
        val editText2: EditText = findViewById(R.id.editText2)

        editText1.addTextChangedListener(object : TextWatcher {
            override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
            override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}
            override fun afterTextChanged(s: Editable?) {
                // 文本变化时可进行实时校验等操作
            }
        })

        editText1.setOnFocusChangeListener { v, hasFocus ->
            if (hasFocus) {
                // 获得焦点时操作
            } else {
                // 失去焦点时操作
                val text = editText1.text.toString()
                if (text.isEmpty()) {
                    Toast.makeText(this, "文本不能为空", Toast.LENGTH_SHORT).show()
                } else {
                    Toast.makeText(this, "保存文本: $text", Toast.LENGTH_SHORT).show()
                }
            }
        }

        editText2.setOnFocusChangeListener { v, hasFocus ->
            if (hasFocus) {
                // 获得焦点时操作
            } else {
                // 失去焦点时操作
                val text = editText2.text.toString()
                if (text.isEmpty()) {
                    Toast.makeText(this, "文本不能为空", Toast.LENGTH_SHORT).show()
                } else {
                    Toast.makeText(this, "保存文本: $text", Toast.LENGTH_SHORT).show()
                }
            }
        }

        editText1.setOnKeyListener { v, keyCode, event ->
            if (event.action == KeyEvent.ACTION_DOWN && keyCode == KeyEvent.KEYCODE_ENTER) {
                editText2.requestFocus()
                return@setOnKeyListener true
            }
            return@setOnKeyListener false
        }

        editText2.setOnKeyListener { v, keyCode, event ->
            if (event.action == KeyEvent.ACTION_DOWN && keyCode == KeyEvent.KEYCODE_ENTER) {
                editText2.clearFocus()
                return@setOnKeyListener true
            }
            return@setOnKeyListener false
        }
    }
}

以上代码展示了在iOS和Android平台上如何监听TextField焦点变化，并在焦点切换时进行相应的处理，包括文本校验和保存等操作，以确保在两个平台上都有良好的用户体验。实际应用中，可根据具体需求进一步优化和扩展。

星途面试题库

面试题：Flutter针对iOS和Android输入法差异的焦点管理优化

知识考点

面试题答案

实现思路

核心代码片段

iOS (Swift)

Android (Kotlin)