TonsKit - Flutter UI Kit

500+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
์ „์ฒด์ด์šฉ๊ฐ€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

์•ฑ ์ •๋ณด

Flutter๋Š” Google์—์„œ ๋งŒ๋“  ์˜คํ”ˆ์†Œ์Šค UI SDK์ž…๋‹ˆ๋‹ค. ๋‹จ์ผ ์ฝ”๋“œ๋ฒ ์ด์Šค์—์„œ Android ๋ฐ iOS์šฉ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. Flutter๋Š” ๊ธฐ๋ณธ ์„ฑ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ Flutter์˜ ์œ„์ ฏ์€ ์Šคํฌ๋กค, ํƒ์ƒ‰, ์•„์ด์ฝ˜ ๋ฐ ๊ธ€๊ผด๊ณผ ๊ฐ™์€ ๋ชจ๋“  ์ค‘์š”ํ•œ ํ”Œ๋žซํผ ์ฐจ์ด์ ์„ ํ†ตํ•ฉํ•˜์—ฌ iOS์™€ Android ๋ชจ๋‘์—์„œ ์™„์ „ํ•œ ๊ธฐ๋ณธ ์„ฑ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

TonsKit์€ Flutter๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฐœ๋ฐœ์ž์šฉ์œผ๋กœ ๊ฐœ๋ฐœ ๋ฐ ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค. TonsKit์—๋Š” ๋ฐ”๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์œ„์ ฏ, cupertino ์œ„์ ฏ, ์š”์†Œ, iOS ๋ฐ Android ์žฅ์น˜์˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์šฉ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ํฌํ•จ๋œ ์ˆ˜๋งŽ์€ ํ™”๋ฉด์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ํ›Œ๋ฅญํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜๊ณผ ๋””์ž์ธ์„ ์œ„ํ•ด TonsKit useMaterial3

TonsKit ํ•˜์ด๋ผ์ดํŠธ:
- ๋””์ž์ธ์— ์ง‘์ค‘
- Flutter 3์™€ ํ˜ธํ™˜ ๊ฐ€๋Šฅ
- ๋””๋ฒ„๊น…์„ ์œ„ํ•œ ์›น ์ง€์›
- ์žฌ๋ฃŒ 3์„ ์‚ฌ์šฉํ•˜์„ธ์š”
- ๋›ฐ์–ด๋‚œ ์„ฑ๋Šฅ์˜ Android ๋ฐ iOS ์•ฑ
- ๊น”๋”ํ•œ ์ฝ”๋“œ
- ์ฝ”๋“œ๋ฅผ ์‰ฝ๊ฒŒ ์‚ฌ์šฉ์ž ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
- 500++ ํ™”๋ฉด ๋ ˆ์ด์•„์›ƒ
- ํ‰์ƒ ๋ฌด๋ฃŒ ์—…๋ฐ์ดํŠธ ๋ฐ ๊ณ ๊ฐ ์ง€์›

์œ„์ ฏ ๋ชฉ๋ก:
- ํฌ์ธํ„ฐ ํก์ˆ˜
- ์œ„์ ฏ ์ •๋ ฌ
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ •๋ ฌ
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋นŒ๋”
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ปจํ…Œ์ด๋„ˆ
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ํฌ๋กœ์Šค ํŽ˜์ด๋“œ
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ธฐ๋ณธ ํ…์ŠคํŠธ ์Šคํƒ€์ผ
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ชฉ๋ก
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ถˆํˆฌ๋ช…๋„
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฌผ๋ฆฌ์  ๋ชจ๋ธ
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ์œ„์น˜
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ํฌ๊ธฐ
- ์• ๋‹ˆ๋ฉ”์ด์…˜ ์œ„์ ฏ
- ์•ฑ ๋ฐ”
- ์ข…ํšก๋น„
- BackDropFilter ์œ„์ ฏ
- ๋ฐ”ํ…€์‹œํŠธ
- ์นด๋“œ ์œ„์ ฏ
- ์นฉ ์œ„์ ฏ
- ClipRRect ์œ„์ ฏ
- ์—ด ์œ„์ ฏ
- ์ปจํ…Œ์ด๋„ˆ ์œ„์ ฏ
- ๋ฐ์ดํ„ฐํ…Œ์ด๋ธ”
- ์žฅ์‹๋œ ์ƒ์ž ์ „ํ™˜
- ๋Œ€ํ™”
- ํ•ด์ž„ ๊ฐ€๋Šฅ
- ๋ถ„๋ฐฐ๊ธฐ
- ์„œ๋ž
- ํ™•์žฅ๋œ ์œ„์ ฏ
- ํŽ˜์ด๋“œ ์ „ํ™˜
- ํ”Œ๋กœํŒ… ์•ก์…˜ ๋ฒ„ํŠผ ์œ„์ ฏ
- ์œ ์—ฐํ•œ ์œ„์ ฏ
- ์–‘์‹ ๊ตฌ์„ฑ ์š”์†Œ(TextField, Checkbox, RadioButton, DropdownButton, Button, Slider, Switch, ToggleButton, DatePicker, TimePicker)
- ์ œ์Šค์ฒ˜ ๊ฐ์ง€๊ธฐ ์œ„์ ฏ
- GridView ์œ„์ ฏ
- ํžˆ์–ด๋กœ ์œ„์ ฏ
- ์•„์ด์ฝ˜ ์œ„์ ฏ
- ํฌ์ธํ„ฐ ๋ฌด์‹œ
- ์ด๋ฏธ์ง€
- ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ๋ทฐ์–ด
- ListView ์œ„์ ฏ
- ๋ฏธ๋””์–ด์ฟผ๋ฆฌ
- ๋ถˆํˆฌ๋ช…๋„ ์œ„์ ฏ
- ํŒจ๋”ฉ ์œ„์ ฏ
- ํŒ์—… ๋ฉ”๋‰ด ๋ฒ„ํŠผ
- ์œ„์น˜ ์œ„์ ฏ
- ์ง„ํ–‰๋ฅ  ํ‘œ์‹œ๊ธฐ ์œ„์ ฏ
- ์ƒˆ๋กœ ๊ณ ์นจ ํ‘œ์‹œ๊ธฐ ์œ„์ ฏ
- ํšŒ์ „ ์ „ํ™˜
- ํ–‰ ์œ„์ ฏ
- ์•ˆ์ „ ์ง€์—ญ ์œ„์ ฏ
- ๊ทœ๋ชจ ์ „ํ™˜
- ์‚ฌ์ด์ฆˆ ์ „ํ™˜
- ์Šฌ๋ผ์ด๋“œ ์ „ํ™˜
- ์Šฌ๋ฆฌ๋ฒ„
- ์Šค๋‚ต๋ฐ”
- ์Šคํƒ ์œ„์ ฏ
- TabBar ์œ„์ ฏ
- ํ…Œ์ด๋ธ” ์œ„์ ฏ
- ํ…์ŠคํŠธ ์œ„์ ฏ
- ์œ„์ ฏ ๋ณ€ํ™˜
- ๋žฉ ์œ„์ ฏ

์ฟ ํผํ‹ฐ๋…ธ ์œ„์ ฏ:
- ์ฟ ํผํ‹ฐ๋…ธ ์•ก์…˜ ์‹œํŠธ
- ์ฟ ํผํ‹ฐ๋…ธ ํ™œ๋™ ํ‘œ์‹œ๊ธฐ
- ์ฟ ํผํ‹ฐ๋…ธ ๊ฒฝ๊ณ  ๋Œ€ํ™”์ƒ์ž
- ์ฟ ํผํ‹ฐ๋…ธ ๋ฒ„ํŠผ
- ์ฟ ํผํ‹ฐ๋…ธ ์ปจํ…์ŠคํŠธ ๋ฉ”๋‰ด
- ์ฟ ํผํ‹ฐ๋…ธ ๋‚ ์งœ ์„ ํƒ๊ธฐ
- ์ฟ ํผํ‹ฐ๋…ธ ๋‚ ์งœ ๋ฐ ์‹œ๊ฐ„ ์„ ํƒ๊ธฐ
- ์ฟ ํผํ‹ฐ๋…ธ ํ”ผ์ปค
- ์ฟ ํผํ‹ฐ๋…ธ ์‹œ๊ฐ„ ์„ ํƒ๊ธฐ
- ์ฟ ํผํ‹ฐ๋…ธ ํƒ€์ด๋จธ ํ”ผ์ปค
- ๋“ฑ

์•ฑ UI ํ‚คํŠธ
- ํ˜ธํ…” ์•ฑ UI ํ‚คํŠธ
- ํ™ˆ ์„œ๋น„์Šค UI ํ‚คํŠธ
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2024. 2. 20.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ œ3์ž์™€ ๊ณต์œ ๋˜๋Š” ๋ฐ์ดํ„ฐ ์—†์Œ
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ณต์œ ๋ฅผ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
์ˆ˜์ง‘๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ์ˆ˜์ง‘์„ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.

์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ

Initial Released

์•ฑ ์ง€์›

๊ฐœ๋ฐœ์ž ์†Œ๊ฐœ
Gus Hendra
info@ijtechnology.net
Indonesia
undefined