Flutter 질감 디자인 의 직접 입력

Input 컨트롤 은 질감 디자인 의 텍스트 입력 컨트롤 로 사용자 가 입력 할 때마다 onChanged 리 셋 을 호출 할 때 필드 값 을 업데이트 하고 실시 간 으로 사용자 입력 에 응답 할 수 있 습 니 다.

import 'package:flutter/material.dart';

class MyApp extends StatefulWidget {
 @override
 _MyApp createState() => new _MyApp();
}

class _MyApp extends State<MyApp> {

 // InputValue：           
 InputValue _phoneValue = const InputValue();
 InputValue _passwordValue = const InputValue();

 void _showMessage(String name) {
  showDialog<Null>(
   context: context,
   child: new AlertDialog(
    content: new Text(name),
    actions: <Widget>[
     new FlatButton(
      onPressed: () {
       Navigator.pop(context);
      },
      child: new Text('  ')
     )
    ]
   )
  );
 }

 @override
 Widget build(BuildContext context) {
  return new Scaffold(
   appBar: new AppBar(
    title: new Text('    ')
   ),
   body: new Column(
    children: <Widget> [
     new Input(
      // value：           
      value: _phoneValue,
      // keyboardType：           
      keyboardType: TextInputType.number,
      // icon：            
      icon: new Icon(Icons.account_circle),
      // labelText：            
      labelText: '  ',
      // hintText：              
      hintText: '       ',
      // onChanged：            
      onChanged: (InputValue value) {
       setState((){
        _phoneValue = value;
       });
      }
     ),
     new Input(
      value: _passwordValue,
      // obscureText：           
      obscureText: true,
      labelText: '  ',
      onChanged: (InputValue value) {
       setState((){
        _passwordValue = value;
       });
      },
      // onSubmitted：                
      onSubmitted: (InputValue value) {
       if(value.text.length<6){
        _showMessage('     6 ');
       }
      }
     ),
     new RaisedButton(
      child: new Text('  '),
      onPressed: () {
       _showMessage(_phoneValue.text+'/'+_passwordValue.text);
      }
     )
    ]
   )
  );
 }
}

void main() {
 runApp(new MaterialApp(
  title: 'Flutter Demo',
  home: new MyApp()
 ));
}

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.