验证发生在 flutter 文本表单字段末尾时的覆盖框

Question

我想在最近的 textformfield 的覆盖框中显示验证消息。你能帮助我吗？我要这样

Answer 1

使用 Tooltip Widget 尝试下面的代码希望它对您有所帮助参考 Tooltip Widget here

 TextFormField(
            textCapitalization: TextCapitalization.sentences,
            decoration: InputDecoration(
              border: OutlineInputBorder(),
              labelText: 'Name',
              hintText: 'Card Holder Name',
              suffixIcon: Tooltip(
                message: 'Required',
               
                child: Icon(
                  Icons.info,
                ),
              ),
            ),
          ),

你的屏幕结果

Answer 2

结果可以用errorStyle修改

代码片段

 Padding(
              padding: const EdgeInsets.all(8.0),
              child: TextField(
                controller: controller,
                decoration: InputDecoration(
                  border: OutlineInputBorder(),
                  errorText: _isError? " required" : null,
                ),
              ),
            ),

验证发生在 flutter 文本表单字段末尾时的覆盖框

Overlay box when validation occur at the end of textform field in flutter

validation

overlay

flutter