플러터:키보드 입력 - 편집 역사

Sam: /* TextEditingController 예시 */

2026-01-07T02:00:50Z

TextEditingController 예시

← 이전 판		2026년 1월 7일 (수) 02:00 판
39번째 줄:		39번째 줄:

	class _MyAppState extends State<MyApp> {		class _MyAppState extends State<MyApp> {
	final controller = TextEditingController();		final controller = TextEditingController(); // 열받고 감사하게도 이미 정의 되어 있는 값.

	@override		@override
	void initState() {		void initState() { // build 연결 전 실행.
	super.initState();		super.initState();
	controller.addListener(() {		controller.addListener(() {
63번째 줄:		63번째 줄:
	}		}
	}		}

	</syntaxhighlight>추가 설명은 필요 없을 정도로 간결하다.		</syntaxhighlight>추가 설명은 필요 없을 정도로 간결하다.

Sam: /* 입력 폼 꾸미기 */

2025-11-17T00:21:21Z

입력 폼 꾸미기

← 이전 판		2025년 11월 17일 (월) 00:21 판
69번째 줄:		69번째 줄:
	TextField 안에 속성들이 참 많다. 대표적인 것은 다음과 같다.		TextField 안에 속성들이 참 많다. 대표적인 것은 다음과 같다.

	기억할 엄두도 안 날 만큼 많다. 필요한 것은 그때그때 찾아 쓰는 것이 바르리라.		기억할 엄두도 안 날 만큼 많다. 필요한 것은 그때그때 찾아 쓰는 것이 바르리라. https에서 사용하는 것은 물론.. 상상할 수 있는 대부분 기능이 구현 가능할 듯하다.
	{\| class="wikitable"		{\| class="wikitable"
	!속성		!속성

2025년 11월 17일 (월) 00:20에 Sam님의 편집

2025-11-17T00:20:38Z

← 이전 판		2025년 11월 17일 (월) 00:20 판
70번째 줄:		70번째 줄:

	기억할 엄두도 안 날 만큼 많다. 필요한 것은 그때그때 찾아 쓰는 것이 바르리라.		기억할 엄두도 안 날 만큼 많다. 필요한 것은 그때그때 찾아 쓰는 것이 바르리라.
	*		{\| class="wikitable"
			!속성
			!역할
			!사용 예
			\|-
			\|'''controller'''
			\|입력값 읽고 쓰기
			\|<code>controller.text</code>
			\|-
			\|'''onChanged'''
			\|입력될 때마다 실행
			\|<code>onChanged: (v) { ... }</code>
			\|-
			\|'''decoration'''
			\|라벨, 힌트, 테두리 꾸미기
			\|<code>InputDecoration(hintText: ...)</code>
			\|-
			\|'''keyboardType'''
			\|어떤 키보드 표시할지
			\|<code>TextInputType.number</code>
			\|-
			\|'''textInputAction'''
			\|키보드 ‘완료/다음’ 설정
			\|<code>TextInputAction.done</code>
			\|-
			\|'''obscureText'''
			\|비밀번호처럼 ●●● 처리
			\|<code>obscureText: true</code>
			\|-
			\|'''maxLines'''
			\|줄 수 정의 (1줄/여러줄)
			\|<code>maxLines: 1</code>
			\|-
			\|'''readOnly'''
			\|읽기만 가능, 입력 불가
			\|<code>readOnly: true</code>
			\|-
			\|'''autofocus'''
			\|화면 열리자마자 자동 포커스
			\|<code>autofocus: true</code>
			\|-
			\|'''inputFormatters'''
			\|숫자만 허용 등 필터
			\|<code>FilteringTextInputFormatter.digitsOnly</code>
			\|}

2025년 11월 17일 (월) 00:18에 Sam님의 편집

2025-11-17T00:18:12Z

@@ 68번째 줄: / 68번째 줄: @@
 == 입력 폼 꾸미기 ==
 TextField 안에 속성들이 참 많다. 대표적인 것은 다음과 같다.
+*

2025년 11월 17일 (월) 00:17에 Sam님의 편집

2025-11-17T00:17:15Z

← 이전 판		2025년 11월 17일 (월) 00:17 판
75번째 줄:		75번째 줄:
	!비고		!비고
	\|-		\|-
			\|
	\|입력 관련		\|입력 관련
	\|		\|
	\|		* controller: TextEditingController 연결: TextEditingController 연결''': TextEditingControll''': 입력할 때마다 실행
	* controller: TextEditingController 연결~~'''~~: TextEditingController 연결'''		* onChanged(String)''':''' : 엔터(완료) 눌렀을 때 실행
	* onChanged(String)''': 입력할 때마다 실행~~'''~~		* onSubmitted(: 어떤 키보드 띄울지'''완료)'''→ <code>TextInputType.text</code>, <code>.number</code>, <code>.emailAddress</code> 등
	* ~~onSubmitted~~(String)''': 엔터(완료) 눌렀을 때 실행~~'''~~		* keyboardType''': 어떤''' : 키보드의 ‘다음’, ‘완료’ 버튼 지정'''<code>pe.</code>'''→ <code>TextInputAction.done</code> 등'''<code>ress</code> 등'''
	* ~~keyboardType'''~~: 어떤 키보드 띄울지''' '''→ <code>TextInputType.text</code>, <code>.number</code>, <code>.emailAddress</code> 등'''

	* textInputAction''': ~~키보드의~~ ‘다음’, ‘완료’ 버튼 지정''' '''→ <code>TextInputAction.done</code> 등'''		* textInputAction''':의 ‘다음’, ‘완료’ 버튼 지정''' '''→ <code>TextInputAction.done</code> 등'''
	\|		\|
	\|-		\|-

Sam: 새 문서: {{플러터}} == 개요 == 텍스트나 숫자 등을 입력하는 form에 대하여. == TextEditingController를 사용한 입력 == 단순하게 onChanged 를 이용하여 텍스트를 다룰 수도 있지만, 일반적으로 폼처럼 사용하기 위해서 TextEditingController를 사용한다. === 단순한 예시 === return MaterialApp( home: Scaffold( body: Column( children: [ TextField( on...

2025-11-17T00:14:03Z

새 문서: {{플러터}} == 개요 == 텍스트나 숫자 등을 입력하는 form에 대하여. == TextEditingController를 사용한 입력 == 단순하게 onChanged 를 이용하여 텍스트를 다룰 수도 있지만, 일반적으로 폼처럼 사용하기 위해서 TextEditingController를 사용한다. === 단순한 예시 === <syntaxhighlight lang="dart"> return MaterialApp( home: Scaffold( body: Column( children: [ TextField( on...

새 문서

{{플러터}}

== 개요 ==
텍스트나 숫자 등을 입력하는 form에 대하여.

== TextEditingController를 사용한 입력 ==
단순하게 onChanged 를 이용하여 텍스트를 다룰 수도 있지만, 일반적으로 폼처럼 사용하기 위해서 TextEditingController를 사용한다.

=== 단순한 예시 ===
<syntaxhighlight lang="dart">
return MaterialApp(
home: Scaffold(
body: Column(
children: [
TextField(
onChanged: (v) {
setState(() {
text = v;
});
},
),
Text(text),
],
),
),
);
</syntaxhighlight>

=== TextEditingController 예시 ===
<syntaxhighlight lang="dart">
import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
@override
State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
final controller = TextEditingController();

@override
void initState() {
super.initState();
controller.addListener(() {
setState(() {}); // 입력될 때마다 화면 다시 그림
});
}

@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Column(
children: [
TextField(controller: controller),
Text(controller.text),
],
),
),
);
}
}

</syntaxhighlight>추가 설명은 필요 없을 정도로 간결하다.

== 입력 폼 꾸미기 ==
TextField 안에 속성들이 참 많다. 대표적인 것은 다음과 같다.
{| class="wikitable"
|+
!대분류
!속성
!설명
!비고
|-
|입력 관련
|
|
* controller: TextEditingController 연결''': TextEditingController 연결'''
* onChanged(String)''': 입력할 때마다 실행'''
* onSubmitted(String)''': 엔터(완료) 눌렀을 때 실행'''
* keyboardType''': 어떤 키보드 띄울지''' '''→ <code>TextInputType.text</code>, <code>.number</code>, <code>.emailAddress</code> 등'''

* textInputAction''': 키보드의 ‘다음’, ‘완료’ 버튼 지정''' '''→ <code>TextInputAction.done</code> 등'''
|
|-
|
|
|
|
|-
|
|
|
|
|}

*