[Flutter] ์™œ TextFormField๊ฐ€ ์•ˆ ๋‚˜ํƒ€๋‚ ๊นŒ?

2022. 5. 18. 22:47ยท ๊ฐœ๋ฐœ/โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ
728x90
๋ฐ˜์‘ํ˜•

โ–ช ์™„์„ฑ ํ•  ๋ ˆ์ด์•„์›ƒ

์ € ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค์–ด์•ผํ•˜๋Š”๋ฐ, ์ „์ฒด์ ์œผ๋กœ ๊ฐ์‹ผ Container ๊ฐ€ ์žˆ๊ณ , ๊ทธ ์•ˆ์— Column๋กœ ํ•œ๋ฒˆ ๋” ๊ฐ์‹ธ๊ณ , ๊ฐ ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ ์„ค๊ณ„ ๊ณ„ํš์„ ์„ธ์› ๋‹ค. 

 

Column(

 children: [

    1. Container - ํ•™๊ต ์ด๋ฉ”์ผ์ด๋ผ๋Š” Text๋ฅผ ์“ธ ๊ฒƒ

    2. Row - TextFormField(์ด๋ฉ”์ผ input) , OutlinedButton(์ธ์ฆํ•˜๊ธฐ)

    3. SizedBox - input ์‚ฌ์ด์— ๊ฐ„๊ฒฉ์„ ์œ„ํ•ด์„œ 

    4. TextFormField - ์ธ์ฆ๋ฒˆํ˜ธ ์ž…๋ ฅ input

    5. OutlinedButton - ๋‹ค์Œ ๋ฒ„ํŠผ

  ]

)

 

 

 

 

โ–ช ๋ฌธ์ œ ๋ฐœ์ƒ

1์„ ํ•˜๊ณ  2๋ฒˆ์œผ๋กœ ๋„˜์–ด๊ฐˆ ๋•Œ ์šฐ์„  Row๋ฅผ ์•ˆ ์“ฐ๊ณ , TextFormField๋ฅผ ๋จผ์ € ์ผ๋Š”๋ฐ ํ™”๋ฉด์— ์ถœ๋ ฅ์ด ์•ˆ ๋˜๋Š”๊ฑฐ๋‹ค! ์ด ์ „์— ์œ ํŠœ๋ฒ„ '์ฝ”๋”ฉ์…ฐํ”„'๋‹˜์˜ ์ฑ„ํŒ… ์–ดํ”Œ ๋งŒ๋“ค๊ธฐ๋ฅผ ๋ณด๋ฉด์„œ ๊ณต๋ถ€ํ•˜๊ณ  ์žˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— TextFromField๋ฅผ ์“ฐ๋ฉด ๋ฐ”๋กœ ์ถœ๋ ฅ์ด ๋  ์ค„ ์•Œ์•˜๋‹ค. ํ•˜์ง€๋งŒ ์•ˆ ๋จ. 

 

 

 

โ–ช ํ•ด๊ฒฐ

Stackoverflow์—๋„ ์ฐพ์•„๋ณด๊ณ  ๊ตฌ๊ธ€๋ง๋„ ํ•ด๋ดค๋Š”๋ฐ, ๋ช…ํ™•ํ•œ ์ด์œ ๋ฅผ ์ฐพ์ง€ ๋ชป ํ–ˆ๋‹ค. ๋‹ค๋งŒ ์—ฌ๋Ÿฌ ์‚ฌ๋žŒ๋“ค์˜ ์ฝ”๋“œ๋ฅผ ํ›‘์–ด๋ณด๋ฉด์„œ ์–ด๋–ค ์‹์œผ๋กœ ์ ์šฉํ–ˆ๋‚˜๋ฅผ ์œ ์‹ฌํžˆ ๋ดค๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์—ฌ๋Ÿฌ๋ฒˆ์˜ ์ˆ˜์ •์„ ํ†ตํ•ด์„œ ์ฐพ์•„๋ƒˆ๋‹ค. 

 

 Row - TextFormField(์ด๋ฉ”์ผ input) , OutlinedButton(์ธ์ฆํ•˜๊ธฐ)

 

์ด ๋ถ€๋ถ„์—์„œ Row ์•ˆ์— - Container ์•ˆ์— TextFormField๋ฅผ , Container ์•ˆ์— OutlinedButton์„ ๋„ฃ์–ด์คฌ๋”๋‹ˆ ๋‘˜ ๋‹ค ์ถœ๋ ฅ์ด ๋œ๋‹ค!!!! ๋‚˜๋จธ์ง€ 4,5๋ฒˆ๋„ Container๋กœ ํ•œ ๋ฒˆ ๋” ๊ฐ์‹ธ์„œ ์ฝ”๋“œ๋ฅผ ์ ์–ด์คฌ๋”๋‹ˆ ์ž˜ ์ถœ๋ ฅ๋œ๋‹ค. 

 

Row(
    children: [
      Container(
        width: 200,
        child: TextFormField(),
        ),
       Container(
        width: 80,
        child: OutlinedButton(
           child: Text('์ธ์ฆํ•˜๊ธฐ', style: TextStyle(
                         color: Colors.grey,),
                      ),
           style: OutlinedButton.styleFrom(
               side: BorderSide(width: 1.0, color: Colors.grey),
                ),
               onPressed: () => null
           ),
        ),
     ],
),

 

 

 

 

 

 

 

 

728x90

'๊ฐœ๋ฐœ > โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[flutter/ํ”Œ๋Ÿฌํ„ฐ] Cannot run with sound null safety ์˜ค๋ฅ˜ ํ•ด๊ฒฐ  (0) 2022.06.23
[NextJs] Project Clone ํ›„์— npm run build -> SWC Failed to Load  (0) 2022.06.02
[React] TypeError : cannot convert undefined or null to object  (0) 2022.05.16
[Flutter/Error] โ€œBottom Overflow By XX.XX PIXELSโ€? ํ•ด๊ฒฐํ•˜๊ธฐ  (0) 2022.04.17
React 17์—์„œ React18 - ReactDOM.render์™€ createRoot  (0) 2022.04.07
'๊ฐœ๋ฐœ/โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [flutter/ํ”Œ๋Ÿฌํ„ฐ] Cannot run with sound null safety ์˜ค๋ฅ˜ ํ•ด๊ฒฐ
  • [NextJs] Project Clone ํ›„์— npm run build -> SWC Failed to Load
  • [React] TypeError : cannot convert undefined or null to object
  • [Flutter/Error] โ€œBottom Overflow By XX.XX PIXELSโ€? ํ•ด๊ฒฐํ•˜๊ธฐ
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Frontend Developer
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
Ming devlog
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
์ „์ฒด
์˜ค๋Š˜
์–ด์ œ

๊ณต์ง€์‚ฌํ•ญ

  • About Ming ๐Ÿฐ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (261)
    • ๊ฐœ๋ฐœ (255)
      • ๐Ÿ“ TIL (58)
      • โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ (23)
      • React (23)
      • Next.js (11)
      • React-Native (6)
      • JavaScript (10)
      • Flutter (19)
      • Database (1)
      • ๐Ÿ’ฌ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ (21)
      • ๐Ÿ“š English (9)
      • Etc... (25)
      • โ›ต ํ•ญํ•ด99 (49)
    • ๐Ÿ’ป Dev (6)
      • ๐Ÿ“ TIL (4)
      • ๐Ÿ’ฌ Algorithm (1)
      • Etc... (1)

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • TIL
  • Firebase
  • ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ
  • ๊ฐœ๋ฐœ์žํšŒ๊ณ 
  • leetcode
  • todaywhatidid
  • ๋ถ€ํŠธ์บ ํ”„
  • ์ฝ”ํ…Œ
  • ๋ฆฌ์•กํŠธ๋„ค์ดํ‹ฐ๋ธŒ
  • react-native
  • ํ•ญํ•ด99
  • react
  • github
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ReactNative
  • ์˜์–ด๊ณต๋ถ€
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ
  • twid
  • ์ด์ฝ”๋…ธ๋ฏธ์ŠคํŠธ
  • nextjs
  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
  • ์ฝ”ํ…Œ๊ณต๋ถ€
  • ์ฝ”๋”ฉ๊ณต๋ถ€
  • ๋ฆฌ์•กํŠธ
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • flutter
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜
  • ํ”Œ๋Ÿฌํ„ฐ
  • ๊ฐœ๋ฐœ์ž์ผ๊ธฐ
  • Git

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.v4.2.1
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
[Flutter] ์™œ TextFormField๊ฐ€ ์•ˆ ๋‚˜ํƒ€๋‚ ๊นŒ?
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.