طراحی ریسپانسیو در فلاتر

برای طراحی های ریسپانسیو در فلاتر، یه کلاس از نوع StatelessWidget مینویسیم که در ورودی سه تا پارامتر میگیره از جنس Widget.

این ویجت ها به صورت زیر در کلاس معرفی میشن:

 

Widget mobile

Widget tab

Widget desktop

 

توی این کلاس توسط layoutBuilder چک میشه که اندازه اسکرین چقدر هست. با توجه به اندازه اسکرین، ویجت مورد نظر return میشه.

 

در قسمت body از این کلاس نیو کرده و به ازای هر کدام از فیلدها مثلا یک coloumn پاس میدهیم.

 

در این ویدیو مطلب فوق به صورت کامل توضیح داده شده.