استفاده از این محتوا رایگان میباشد

چارا برای خلق ارزش و توسعه مهارت های درونی و رشد استعدادها و جایی برای انجام پروژهای برنامه نویسی هست، هدف ما پیاده سازی ایده شما و توسعه مهارت های فردی کاربران برای ارتقا و اجرای هدفمندانه کسب و کارها میباشد بیشتر آموزش های سایت به صورت رایگان در اختیار شما هستند اما برای دسترسی به همه آموزش ها نیازمند تهیه عضویت ویژه سایت ما میباشید.

مفهوم stateless در فلاتر ( بخش 4 ) ❤️

در آموزش قبل ما با رنگ ها و فونت ها آشنا شدیم توی این آموزش میخوایم مفهوم stateless روتوی فلاتر درک کنیم. خب دوتا ویجت داره فلاتر به اسم stateless و statefull حالا تفاوت اینها در چی هست ؟ فعلا ما از stateless شروع میکنیم

ما وقتی از stateless استفاده میکنیم که روی صفحه تغییری قرار نیست اتفاق بیوفته یعنی یه چیز ثابتی هست که میخوام به کاربر اون و نشون بدیم دقیقا مثل آموزش قبلی مون که یه Text به کاربر نشون میدادیم و یه دکمه هست که روش نوشته کلیک و وقتی روی این دکمه کلیک بشه هیچ اتفاقی هم نمیوفته و روی صفحه چیزی تغییر نمیکنه به اینجور ویجت ها میگیم stateless و یا بی حالت در مقابلش statefull به چه شکلی هست ؟ زمانی استفاده میشه که صفحه در حال تغییر هست خب حالا به چه شکلی ؟ برای مثال ما یه لیست داریم که از سمت سرور این لیست و دریافت میکنه و قرار هست این لیست به کاربر هی نمایش بده چون روی صفحه داره یه سری اطلاعات و از سرور میگیره و نمایش میده و ممکنه دیتاهای لیست تغییر کنه به این حالت میگیم statefull

برای استفاده از حالت stateless اول از کلمه کلیدی class استفاده میکنیم و بعد از اون اسم class و مثلا میزاریم Home و بعد هم میگیم Extends بشه از کلاس statelessWidget کدهامون مثل تصویر زیر میشه 

توی تصویر بالا اگه موس و رو ی Home ببریم یه منو باز میشه که باید گزینه اول و انتخاب کنیم و کلید های Alt+Enter و میزنیم تا کلاس مربوطه رو Override کنه !

 بعد از اینکه تابع Build و برای ما ساخت کد هامون به صورت زیر میشن

حالا داره بهمون میگه که این تابع build که ساختیم باید یه Widget و Return بکنه من بهش میگم که همون Scaffold خودمون و بهمون برگردونه

 این Scaffold که قرار دادم مال همون پروژه قبلی و آموزش قبلیمون هست فقط من مینیمایزش کردم که کد ها رو طولانی نکنه کد هامون به صورت زیر میشه

دوستان عزیز امیدوارم مفهوم stateless و درک کرده باشید.

استفاده از رنگ ها و فونت ها در فلاتر ( بخش 3 ) ❤️
کار با آیکن ها و دکمه ها در فلاتر ( بخش 5 ) ❤️
, ,

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این قسمت نباید خالی باشد
این قسمت نباید خالی باشد
لطفاً یک نشانی ایمیل معتبر بنویسید.
شما برای ادامه باید با شرایط موافقت کنید

فهرست