بایگانی‌ها: ویجت ها

برای تعریف ویجت Card میتوان گفت که برگه ای است که برای نشان دادن اطلاعات مربوط به هم مانند اطلاعات تماس، موقعیت جغرافیایی و مواردی از این قبیل استفاده می‌شود. این ویجت فضایی با گوشه های گرد و یک افکت سایه در اختیار کاربران قرار می‌دهد که در ظاهر به گونه ای است که اندکی… ادامه خواندن Card

ویجت Container یک ویجت بسیار ساده و در عین حال پرکاربرد است که هر برنامه نویس فلاتری حتما با این ویجت آشنا است. برای تعریف این ویجت می‌توان گفت که در واقع مانند یک جعبه برای نگه داشتن محتوا می‌باشد. Container دارای property های مختلفی می‌باشد که در ادامه این property ها را بررسی می‌کنیم.… ادامه خواندن Container

SnackBar ویجتی است که به شما اجازه می‌دهد یک پیام pop-up با قابلیت رد کردن به کاربر نمایش دهید. به طور مثال شما درون صفحه خرید خود یک ElevatedButton دارید که کار این ویجت اضافه کردن محصول به سبد خرید است. همچنین شما می‌خواهید هنگامی که محصول به سبد خرید اضافه شد پیغام “محصول به… ادامه خواندن SnackBar

ویجت SliverAppBar ویجتی است مانند AppBar با این تفاوت که SliverAppBar قابلیت مخفی شدن را در اختیار شما قرار می‌دهد. این ویجت بر اساس اسکرول کاربر عمل می‌کند به این صورت که هنگامی که کاربر به سمت پایین صفحه اسکرول می‌کند این ویجت AppBar به صورت خودکار مخفی می‌شود و در صورت اسکرول کاربر به… ادامه خواندن SliverAppBar

  با استفاده از این ویجت شما می‌توانید نوار بالای برنامه خود را که به آن AppBar گفته می‌شود طراحی کنید به طور اصولی AppBar در property مربوط به Scafolld مورد استفاده قرار می‌گیرد که دارای یک اندازه ثابت است که درای چند بخش مختلف است. در صورتی که نیاز به یک AppBar با قابلیت… ادامه خواندن AppBar

ویجت stack یکی از ویجت های فلاتر با کارایی بالا می‌باشد که قابلیت لایه بندی ویجت ها را در اختیار شما قرار می‌دهد اما منظور از لایه بندی چیست؟ به طور مثال شما نیاز دارید روی یک تصویر یک متن را نمایش دهید. با استفاده از ویجت Stack این قابلیت برا شما فراهم می‌شود که… ادامه خواندن Stack

با استفاده از ویجت Text می‌توانید متن مورد نظر خود را نمایش دهید. همچنین با تغییر Property های مربوط به این ویجت می‌توانید ظاهر متن خود را تغییر دهید. در ادامه به بررسی Property های مهم و پرکاربرد این ویجت می پردازیم.   style (TextStyle) این Property مربوط به تغییرات ظاهر متن مانند اندازه متن،… ادامه خواندن Text

در فلاتر با استفاده از این ویجت می‌توانید دکمه تعریف کنید. به طور مثال در صفحه لاگین نیاز به یک دکمه دارید تا کاربر را در صورت فشار دادن این دکمه به صفحه خانه منتقل کند. با استفاده از ویجت ElevatedButton می‌توانید این کار را به راحتی انجام دهید. در ادامه Property های این ویجت… ادامه خواندن ElevatedButton

ویجت Scaffold یک ویجت الزامی در همه‌ی صفحات اپلیکیشن‌های فلاتر می‌باشد. با استفاده از ویجت Scaffold چهارچوبی که در تصویر زیر می‌بینید ساخته می‌شود. اگر Scaffold نباشد هیچ کدام از ویجت‌های زیر معنی نخواهند داشت.       چهارچوب کلی تمام اپلیکیشن‌های موبایلی چیزی شبیه تصویر زیر می‌باشد:       Scaffold ویجتی است که با… ادامه خواندن Scaffold

ویجت MaterialApp یکی از اصلی ترین ویجت‌های فلاتر می باشد. در ابتدای برنامه شما باید از  این ویجت استفاده کنید تا بتوانید از کامپوننت های متریال دیزاین در فلاتر استفاده کنید. این ویجت تعداد زیادی از ویجت‌های متریال دیزاین را در بر می‌گیرد. هر سورس فلاتری را که ببینید در ابتدای آن احتمالا خطوط زیر… ادامه خواندن MaterialApp