如何在 Flutter 中创建带有框的文本字段?

Har*_*wal 2 flutter flutter-layout

在此输入图像描述

如何在 Flutter 中轻松实现这样的目标?我是否必须为每个框创建多个文本字段并将它们排成一行?我希望用户输入一个数字,就像我们在应用程序的框中输入 OTP 一样。

编辑:假设它是一个七个字母的单词,用户必须将字母一个接一个地拖动到适当的框中,然后根据该文本字段更新如何实现这一点?

voi*_*oid 5

有可用的 Flutter 包可用于此类输入字段:

  1. pininput=>引脚输入

  2. pin_code_fields=> pin_code_fields