아래에는 Flutter에서 Form validation 및 TextFormField를 사용하여 사용자 입력 값을 검증하는 방법에 대한 샘플 코드가 포함되어 있습니다. 이 코드는 간단한 로그인 폼을 검증하는 예제로 작성되었습니다.

dart

Copy code

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

home: Scaffold(

appBar: AppBar(

title: Text('Form Validation Sample'),

),

body: MyForm(),

),

);

}

}

class MyForm extends StatefulWidget {

@override

_MyFormState createState() => _MyFormState();

}

class _MyFormState extends State<MyForm> {

final _formKey = GlobalKey<FormState>();

String _email;

String _password;

@override

Widget build(BuildContext context) {

return Form(

key: _formKey,

child: Column(

crossAxisAlignment: CrossAxisAlignment.center,

children: <Widget>[

TextFormField(

decoration: InputDecoration(labelText: 'Email'),

validator: (value) {

if (value.isEmpty) {

return 'Please enter some text';

}

return null;

},

onSaved: (value) {

_email = value;

},

),

TextFormField(

decoration: InputDecoration(labelText: 'Password'),

obscureText: true,

validator: (value) {

if (value.isEmpty) {

return 'Please enter some text';

}

if (value.length < 6) {

return 'Password must be at least 6 characters';

}

return null;

},

onSaved: (value) {

_password = value;

},

),

Padding(

padding: const EdgeInsets.symmetric(vertical: 16.0),

child: ElevatedButton(

onPressed: () {

if (_formKey.currentState.validate()) {

_formKey.currentState.save();

// TODO: Implement login logic using _email and _password

}

},

child: Text('Submit'),

),

),

],

),

);

}

}

위의 코드는 간단한 로그인 폼을 만들고, 사용자가 이메일과 비밀번호를 입력하면 입력 값의 유효성을 검사합니다. 사용자가 이메일 또는 비밀번호를 입력하지 않거나 비밀번호가 6자 미만인 경우 에러 메시지가 표시됩니다. "Submit" 버튼을 누르면 입력 값이 유효한지 확인하고 유효한 경우 입력 값을 저장하고 로그인 로직을 수행합니다.

이 샘플 코드는 Flutter의 Form validation 및 TextFormField를 이해하는 데 도움이 되며, 이를 기반으로 복잡한 양식 및 검증 로직을 구현할 수 있습니다.