如何在 Flutter 的 TextFormField 中显示拼写检查器（带下划线的错误拼写）？

Question

In my application I have a story line - Forgive user typos in search makes it effortless for the users. So what exactly I want when I type something in TextFormField it should do spellchecker. Is there is any solution for that in flutter? Kindly find the attached screenshot.

Answer 1

You should use a spellcheck api service for this like Bing Spell Check API it will return the mistakes in the text and you can underline them. Here is the respond of your text;

{
  "_type": "SpellCheck",
  "flaggedTokens": [
    {
      "offset": 14,
      "token": "Sofyware",
      "type": "UnknownToken",
      "suggestions": [
        {
          "suggestion": "Software",
          "score": 0.9140160264956476
        }
      ]
    }
  ]
}

here is some APIs you can check them out and select which one works for you.

---

And here is a package include english words that you can check if the word inside it; https://pub.dev/packages/list_english_words

Answer 2

This feature has landed in Flutter 3.7. To use it, add this parameter to your EditableText or TextField: spellCheckConfiguration: kIsWeb? null: SpellCheckConfiguration() spellCheckConfiguration: kIsWeb? null: SpellCheckConfiguration() .

(The spell check configuration currently seems to break on web)