๐“๐„๐‚๐‡ ๐Œ๐“
1.3K subscribers
1.77K photos
200 videos
41 files
79 links
โ€œ๐‘ซ๐’๐’'๐’• ๐’”๐’•๐’๐’‘ ๐’–๐’๐’•๐’Š๐’ ๐’š๐’๐’– ๐’‘๐’“๐’๐’–๐’… ๐’๐’‡ ๐’š๐’๐’–๐’“ ๐’”๐’†๐’๐’‡ โ€
- @anime19
Download Telegram
ู…ุฌู…ูˆุนุฉ #Ui
#mobile ู„ู„ุชุบุฐูŠุฉ ุงู„ุจุตุฑูŠุฉ
ุฃุฎุจุฑู†ุง ุจุฃุญู„ู‰ ุชุตู…ูŠู… ุจูˆุฌู‡ุฉ ู†ุธุฑูƒ ุจุงู„ุชุนู„ูŠู‚ุงุช ุŒ
ูˆุฃุชุฑูƒ ู„ู†ุง ุชูุงุนู„ ุจู‚ู„ุจ ุงูˆ ู„ุงูŠูƒ ุงุฐุง ุนุฌุจูƒ ุงู„ู…ู†ุดูˆุฑ โค๏ธ๐Ÿ”ฅ

ุดุงุฑูƒ ุงู„ู…ู†ุดูˆุฑ ู„ุฏุนู…ู†ุง ู„ุตู†ุน ู…ุญุชูˆู‰ ุฃูุถู„ ... โค๏ธ
โค8๐Ÿ‘1
ู…ุนู„ูˆู…ุฉ ุชุฎุต ู…ุจุฑู…ุฌูŠู† ุชุทุจูŠู‚ุงุช ุจุงุณุชุฎุฏุงู… flutter sdk.
#ู…ุนู„ูˆู…ุฉ #flutter #listview
ุชุฏุฑูˆู† ู…ุนู„ูˆู…ู‡ ููŠ ูุฑู‚ ุจูŠู† ุงุณุชุฎุฏุงู…
Listview (children:[])
ุนู†
Listview.builder
ู…ู† ุญูŠุซ performance ุŸ

ุงู„Listview ุงู„ูŠ ุชุณุชุฎุฏู… array ู…ุจุงุดุฑุฉ ู…ุง ุชุณุชุนู…ู„ ู…ุจุฏุฃ recycle ู„ุงู† ุงู†ุช ุฏุชูƒู„ู‡ ุญุฑููŠุง ู„ูˆุฏ ูƒู„ุดูŠ ุจุฏุงุฎู„ listview ุจุชุงู„ูŠ ูƒู„ู…ุง ุฒุงุฏุช ุงู„items ุฒุงุฏ ุงู„ cpu ูˆ memory consume.

ุจูŠู†ู…ุง ุจุงุณุชุฎุฏุงู… builder ุงู„ูู„ุงุชุฑ ู…ุณุชุนู…ู„ ูƒูˆู†ุณุจุช recycler view ุจุญูŠุซ ุงู„items ูู‚ุท ุงู„ูŠ on visible position ุญูŠุตูŠุฑู„ู‡ rendering. ( ู…ุณุชุญุณู† ู„ู„infinite scrolling )

ุงู„ู…ุตุฏุฑ:

https://api.flutter.dev/flutter/widgets/ListView/ListView.html

ListView: Creates a scrollable, linear array of widgets from an explicit List. This constructor is appropriate for list views with a small number of children because constructing the List requires doing work for every child that could possibly be displayed in the list view instead of just those children that are actually visible.

https://api.flutter.dev/flutter/widgets/ListView/ListView.builder.html

ListView.builder Creates a scrollable, linear array of widgets that are created on demand. This constructor is appropriate for list views with a large (or infinite) number of children because the builder is called only for those children that are actually visible.
โค10๐Ÿ‘1๐Ÿ‘1
ูู‚ุฑุฉ #ุงุณุฆู„ุฉ_ุชู‚ู†ูŠุฉ
ุงุทุฑุญ ู„ู†ุง ุงูŠ ุณุคุงู„ ุชู‚ู†ูŠ ุจุงู„ุถุบุท ุนู„ู‰ ุงู„ุฒุฑ ุฃุณูู„ ุงู„ู…ู†ุดูˆุฑ ๐Ÿ”ฅ ุณู†ุณุนุฏ ุจูˆุฌูˆุฏูƒ ูˆุทุฑุญ ุงุณุฃู„ุชูƒ ูˆุงู„ู…ุดุงุฑูƒู‡ ุจุงู„ุฌูˆุงุจ ุนู„ู‰ ุงุณุฆู„ุฉ ุงู„ุจู‚ูŠุฉ.
๐Ÿ‘‡ุงุทุฑุญ ุณุคุงู„ ู…ู† ู‡ู†ุง ๐Ÿ‘‡
๐Ÿ‘2
๐“๐„๐‚๐‡ ๐Œ๐“
ูู‚ุฑุฉ #ุงุณุฆู„ุฉ_ุชู‚ู†ูŠุฉ ุงุทุฑุญ ู„ู†ุง ุงูŠ ุณุคุงู„ ุชู‚ู†ูŠ ุจุงู„ุถุบุท ุนู„ู‰ ุงู„ุฒุฑ ุฃุณูู„ ุงู„ู…ู†ุดูˆุฑ ๐Ÿ”ฅ ุณู†ุณุนุฏ ุจูˆุฌูˆุฏูƒ ูˆุทุฑุญ ุงุณุฃู„ุชูƒ ูˆุงู„ู…ุดุงุฑูƒู‡ ุจุงู„ุฌูˆุงุจ ุนู„ู‰ ุงุณุฆู„ุฉ ุงู„ุจู‚ูŠุฉ. ๐Ÿ‘‡ุงุทุฑุญ ุณุคุงู„ ู…ู† ู‡ู†ุง ๐Ÿ‘‡
ุณุคุงู„ : ุญุณุจ ุฑุฆูŠูƒู… ุงูŠ ุงุฎุชุตุงุต ุงู„ู‡ ู…ุณุชู‚ุจู„ ุจุงู„ุนุฑุงู‚ ุชุญุฏูŠุฏ (ุจุฑู…ุฌุฉ ุงู„ุชุทุจูŠู‚ุงุช ุงูˆ ุจุฑู…ุฌุฉ ู…ูˆุงู‚ุน ุงู„ูˆูŠุจ ุงูˆ ุงู„ุฃู…ู† ุงู„ุณูŠุจุฑุงู†ูŠ) ูˆู„ู…ุงุฐุงุŸ

๐Ÿ”ฅ ุดุงุฑูƒู†ุง ุฑุฃูŠูƒ ุงูˆ ูˆุฌู‡ุฉ ู†ุธุฑูƒ ููŠ ุงู„ุชุนู„ูŠู‚ุงุช ๐Ÿ”ฅ
โค3๐Ÿ‘1
๐“๐„๐‚๐‡ ๐Œ๐“
ูู‚ุฑุฉ #ุงุณุฆู„ุฉ_ุชู‚ู†ูŠุฉ ุงุทุฑุญ ู„ู†ุง ุงูŠ ุณุคุงู„ ุชู‚ู†ูŠ ุจุงู„ุถุบุท ุนู„ู‰ ุงู„ุฒุฑ ุฃุณูู„ ุงู„ู…ู†ุดูˆุฑ ๐Ÿ”ฅ ุณู†ุณุนุฏ ุจูˆุฌูˆุฏูƒ ูˆุทุฑุญ ุงุณุฃู„ุชูƒ ูˆุงู„ู…ุดุงุฑูƒู‡ ุจุงู„ุฌูˆุงุจ ุนู„ู‰ ุงุณุฆู„ุฉ ุงู„ุจู‚ูŠุฉ. ๐Ÿ‘‡ุงุทุฑุญ ุณุคุงู„ ู…ู† ู‡ู†ุง ๐Ÿ‘‡
ุณุคุงู„ : ุณู…ุนุช ุงู†ูˆ ุฃูƒุฏุฑ ุงุตู…ู… ู…ูˆู‚ุน ูˆูŠุจ ุนู† ุทุฑูŠู‚ ูู„ุงุชุฑ ู‡ู„ ู‡ุฐู‡ ุงู„ุดูŠ ู…ู…ูƒู†

ุฅุฌุงุจุฉ : ู†ุนู… ุงูƒูŠุฏ ุŒ ุชูƒุฏุฑ ู‡ูˆ across platform ุŒ ูƒุฐู„ูƒ ูŠุฏุนู…
andriod , iphone , desktop , web , embedded

๐Ÿ”ฅ ุดุงุฑูƒู†ุง ุฑุฃูŠูƒ ุงูˆ ูˆุฌู‡ุฉ ู†ุธุฑูƒ ููŠ ุงู„ุชุนู„ูŠู‚ุงุช ๐Ÿ”ฅ
โค5๐Ÿ‘5๐Ÿฅฐ1
๐“๐„๐‚๐‡ ๐Œ๐“
ู…ุณุงุก ุงู„ุฎูŠุฑ ุŒ ุฌู…ุนุฉ ู…ุจุงุฑูƒู‡ุŒ ุณุคุงู„ ู„ุฌู…ูŠุน ุงู„ุฃุจุทุงู„ ๐Ÿ˜ ุจุงู„ู‚ู†ุงุฉ ุŒ ุดู†ูˆ ุฑุฃูŠูƒ ุงูุถู„ ู…ุฌุงู„ ุจุณูˆู‚ ุงู„ุนู…ู„ ุŸ ูˆุดู†ูˆ ุงู„ู„ุบุงุช ุงู„ูŠ ุชุดูˆูู‡ ู†ุงุฌุญู‡ ุจุงู„ู…ุฌุงู„ ู†ูุณู‡ ุŒ ุฏุฒู„ู†ู‡ ุฑุฃูŠูƒ ุงูˆ ุชุฌุฑุจุชูƒ ุญุชู‰ ู†ููŠุฏ ุจูŠู‡ู‡ ุบูŠุฑูƒ ู†ู†ุชุฏุฑ ุชุนู„ูŠู‚ุงุชูƒู… ๐ŸŒธ๐Ÿ”ฅ.
ุณุคุงู„ : ุงู„ูุฑู‚ ุจูŠู† ุงู„ native ูˆ ุงู„ cross ุจุงู„ู†ุณุจู‡ ู„ู„ุชุทุจูŠู‚ุงุช ุงู„ู‡ุงุชู

๐Ÿ”ฅ ุดุงุฑูƒู†ุง ุฑุฃูŠูƒ ุงูˆ ูˆุฌู‡ุฉ ู†ุธุฑูƒ ููŠ ุงู„ุชุนู„ูŠู‚ุงุช ๐Ÿ”ฅ
โค3๐Ÿ‘1๐Ÿฅฐ1
ุงู„ูˆุงู† ู…ุชู†ุงุณู‚ู‡ ู„ุฅุณุชุฎุฏุงู…ู‡ุง ุฏุงุฎู„ ุชุทุจูŠู‚ูƒ ... ๐ŸŒธ

Color Pallete #Ui #Ux #Color
โค20๐Ÿ‘1๐Ÿ”ฅ1๐Ÿ˜1
ู…ุงู‡ูŠ ุงู„ู‡ูˆูŠุฉ ุงู„ุจุตุฑูŠุฉ ุŸ
#Graphics
ู„ู…ุงุฐุง ุชุญุชุงุฌ ู‡ูˆูŠุฉ ุจุตุฑูŠุฉ ุŸ
ุฃุฎุจุฑู†ุง ุจุชุฌุฑุจุชูƒ ู…ุน ุงู„ู‡ูˆูŠุงุช ุงู„ุจุตุฑูŠุฉ ุจุงู„ุชุนู„ูŠู‚ุงุช ุŒ
ูˆุฃุชุฑูƒ ู„ู†ุง ุชูุงุนู„ ุจู‚ู„ุจ ุงูˆ ู„ุงูŠูƒ ุงุฐุง ุนุฌุจูƒ ุงู„ู…ู†ุดูˆุฑ โค๏ธ๐Ÿ”ฅ

ุดุงุฑูƒ ุงู„ู…ู†ุดูˆุฑ ู„ุฏุนู…ู†ุง ู„ุตู†ุน ู…ุญุชูˆู‰ ุฃูุถู„ ... โค๏ธ
โค11๐Ÿ‘3๐Ÿฅฐ1๐Ÿ‘1