[FLUTTER] TextEditingController 클래스 사용하기

test_app.zip

0.13MB

▶ main.dart

import 'package:flutter/material.dart';

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

class TestApplication extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test Application',
      home: MainPage(),
    );
  }
}

class MainPage extends StatefulWidget {
  @override
  _MainPageState createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> {
  final controller = TextEditingController();

  @override
  void initState() {
    super.initState();
    controller.addListener(_printLatestValue);
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test Application'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            TextField(
              onChanged: (text) {
                print("첫 번째 텍스트 필드 : $text");
              },
            ),
            TextField(
              controller: controller,
            ),
          ],
        ),
      ),
    );
  }

  _printLatestValue() {
    print("두 번째 텍스트 필드 : ${controller.text}");
  }
}