일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Flutter 강좌
- navigator
- Snackbar
- listview
- Hello World
- Load Image
- Cached Image
- Scaffold
- WillPopScope
- Image.network
- 반석천
- ListView.builder
- MainAxisAlignment
- Row Widget
- node.js
- Flutter Tutorial
- CrossAxisAlignment
- HTTP
- ListTile
- FutureBuilder
- Networking
- Flutter Example
- Column Widget
- Row
- AppBar
- sqlite
- InkWell
- flutter
- Flutter 예제
- Flutter 앱 배포
- Today
- Total
목록텍스트필드 (2)
꿈꾸는 시스템 디자이너
Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 텍스트필드에 입력된 값의 변화를 감지하고 핸들링하는 방법에 대해서 알아본다. 텍스트필드에 입력된 텍스트의 변화를 감지하고 핸들링하는 방법은 다음과 같이 두 가지다. 1. 텍스트필드에 onChange 항목을 구현 2. TextEditingController의 인스턴스에 핸들링 함수를 리스너로 등록 소스코드는 다음과 같다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { ret..
Flutter 강좌 목록 : https://here4you.tistory.com/120 지난 강좌에서 폼과 텍스트폼필드의 사용법에 대해서 살펴보았다. 이번에는 텍스트필드에 스타일을 적용하는 방법에 대해서 알아본다. Flutter에서는 사용자로부터 텍스트의 입력을 받기 위해 TextField와 TextFormField를 제공한다. 이 두 텍스트 필드는 거의 유사한데 TextFormField 의 경우 폼 안에 넣어 사용하면서 추가적으로 입력값을 유효성 검증이나 다른 폼필드와의 연동 등의 기능을 제공한다. 지난 강좌에서 이용한 소스코드를 활용해서 다음과 같이 수정한다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class M..