پرش به محتوا

مفهوم 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 و درک کرده باشید.

4.8/5 - ( 5 امتیاز )

2 دیدگاه دربارهٔ «مفهوم stateless در فلاتر ( بخش 4 ) ❤️»

دیدگاه شما نگاه ما رو عوض میکنه !

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

پشتیبانی آنلاین