ویجت TextField یک کادر جهت درج متن توسط کاربر ایجاد می نماید . کاربر هر زمان بر روی ویجت TextField کلیک نماید ، یک صفحه کلید نمایش داده می شود تا بتواند نسبت به ثبت متن اقدام کند . کد زیر نمونه ای از پیاده سازی این ویجت را نمایش می دهد : TextField( obscureText: […]ادامه مطلب .

قابلیت validator در ویجت TextFormField کار کنترل مقادیر ثبت شده توسط کاربر را بسیار راحت می کند . برای استفاده از این قابلیت فقط کافیست مطابق کد زیر عمل نمایید : TextFormField( // ignore: missing_return validator: (String value){ if(value.length < 6) { return 'طول رمز ورود نباید کمتر از ۶ کاراکتر باشد'; } }, obscureText: […]ادامه مطلب .

ویجت فرم امکانات خوبی جهت کار با مقادیر ثبت شده کاربر در اختیار شما قرار می دهد . یکی از قابلیت های کلیدی این ویجت اعتبارسنجی (validation) می باشد . برای استفاده از قابلیت اعتبارسنجی ویجت فرم ابتدا لازم است یک کلید انحصاری (GlobalKey) ایجاد نماییم و سپس این کلید را به ویجت فرم متصل […]ادامه مطلب .

کتابخانه validators کار کنترل مقادیر ثبت شده توسط کاربر را بسیار راحت می کند . اگر لازم دارید نام کاربری کاربر که ایمیل هست را از نظر صحت نگارش کنترل نمایید یا مایلید کاربر برای رمز ورود فقط عدد درج نماید ، راه حل ساده و بدون دردسر شما ، استفاده از کتابخانه validators می […]ادامه مطلب .

Stagger Animation یکی از قابلیت های بسیار زیبا و کاربردی فلاتر است . توسط Stagger Animation شما قادر خواهید بود انیمیشن های ترکیبی و زیبایی را خلق نمایید . در واقع Stagger Animation به شما این امکان را می دهد که تعدادی انیمیشن را در یک دسته قرار داده و به ترتیب اجرا نمایید . […]ادامه مطلب .

در این مثال سعی دارم روش اتصال به سرور را نشان دهم . برای این منظور ما به یک وب سرویس نیاز داریم تا به آن متصل شده و اطلاعات دریافت نماییم ، من از آدرس http://jsonplaceholder.typicode.com/users جهت دریافت اطلاعات استفاده کرده ام . این سایت تعدادی وب سرویس آماده و مقداری دیتای دمو جهت […]ادامه مطلب .

مبحث انیمیش در فلاتر ، از جذاب ترین مباحث کار می باشد . شما به راحتی می توانید افکت های حرکتی مختلفی را به ویجت های موجود در UI بدهید . در زیر نمونه ای کوچک از پیاده سازی یک انیمیشن قرار دارد . در این مثال سعی شده روش کار با چهار جزء سازنده […]ادامه مطلب .

ویجت CircularProgressIndicator یک نشانگر پیشرفت دایره ای را به نمایش در می آورد و به این وسیله به کاربر اعلام می کند که باید مدتی صبر نماید تا اجرا فرامین به پایان برسد . این ویجت هم خانواده ویجت CupertinoActivityIndicator می باشد . قطعه کد زیر نمونه از پیاده سازی این ویجت را به نمایش […]ادامه مطلب .

ویجت FloatingActionButton جهت نمایش یک دکمه دایره ای شکل شناور در پایین نمای برنامه به کار می آید . این ویجت اغلب در همکاری با خصوصیت floatingActionButton ویجت Scaffold به کار می رود . اگر رویداد onPressed را با null مقداردهی کنید ، دکمه غیرفعال شده و دیگر به لمس کاربر واکنشی نشان نمی دهد […]ادامه مطلب .

کلاس BottomAppBar که بطور معمول با خصوصیت bottomNavigationBar ویجت Scaffold استفاده می شود و می تواند شکافی در امتداد قسمت بالایی داشته باشد که باعث می شود فضای خالی در زیر FloatingActionButton ایجاد گردد . این کلاس جایگزینی برای ویجت BottomNavigationBar می باشد و با همکاری ویجت FloatingActionButton طرحی متفاوت را ایجاد می نماید . […]ادامه مطلب .

ویجت RaisedButton یک کادر مستطیل که قدری روی زمینه زیر خود ایجاد برجستگی کرده است ، به عنوان دکمه روی صفحه نمایش می دهد . کاربرد این دکمه در داخل فرم های شلوغ با متن زیاد به جهت ایجاد تمایز و جلب توجه کاربر است . حداقل اندازه این دکمه ۸۸ در ۳۶ است که […]ادامه مطلب .

کلاس InkWell نیز همانند ویجت GestureDetector می تواند به سایر ویجت ها قابلیت تشخیص رفتار کاربر ( تاچ کردن و … ) را بدهد . فقط باید توجه داشت که این کلاس حتما باید فرزند یک ویجت Material باشد و همچنین در صورتی که از انیمیشن ها در حال استفاده هستید این کلاس ممکن است […]ادامه مطلب .