小编Ko *_*ynn的帖子

flutter TextFormField 验证显示对齐错误

在此输入图像描述

在此输入图像描述

TextFormField对空进行了验证。

为了控制高度,TextFormField被嵌套在Containerwidget内部。

这会导致将错误消息重叠显示为附加图片的意外副作用。

要测试示例代码,请按“提交”查看错误。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: SimpleForm(),
    );
  }
}

class SimpleForm extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final formKey = GlobalKey<FormState>();
    return SafeArea(
      child: Scaffold(
//          primary: true,
          body: Form(
            key: formKey,
            child: Column( …
Run Code Online (Sandbox Code Playgroud)

validation flutter textformfield

4
推荐指数
1
解决办法
6065
查看次数

标签 统计

flutter ×1

textformfield ×1

validation ×1