آموزش کامل کار با ویجت متن و افزودن متن به پروژه فلاتر flutter
آموزش کامل کار با ویجت متن و افزودن متن به پروژه فلاتر flutter

آموزش کامل افزودن متن و کار با متن در فلاتر

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

خب اینطوری که چیزی یاد نیمیگیریم ! پس همه ی کد های موجود رو پاک کنید تا باهم پله پله جلو بریم .

الان که یک صفحه خالی و به روتون  هست ! بالای صفحه خط اول لازمه کتابخونه متریال رو اضافه کنید ، برای اینکار خط زیر رو بنویسید :

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

همه ی کد هایی که تو فلاتر زده میشن باید داخل بلاک Main باشه ، پس زیر قسمت ایمپورت کتابخونه ها این بلاک رو میسازیم :

قبل از اینکه کد نویسی رو شروع کنیم یک محله ی دیگه لازمه ، اونم اینه که متد runApp رو فراخوانی کنیم ، راجع به این متد جلوتر بیشتر صحبت خواهیم کرد ، اما همینقدر بدونید که داخل بلوک Main باید  این متد فراخوانی بشه و تمامی کد ها داخل این بلاک نوشته بشن ، پس متد زیر رو داخل Main مینویسیم و شکل نهایی پروژه تا الان این شکلی میشه :

افزودن متن و کار با متن در فلاتر

 

عالی شد ! همه چی امادس تا کد زنی فلاتر رو شروع کنیم ! دقت کنید که در حال حاظر فقط باید داخل بلوک runApp کد بزنیم تا بعد ها با اتفاقات جدید فلاتر آشنا بشیم . حالا همه چی محیا شده تا ویجت تکست رو به فلاتر اضافه کنیم .

 

ویجت تکست در فلاتر چیست و چه کاربردی دارد ؟ یکی از راه های نمایش متن در زبان برنامه نویسی فلاتر استفاده از ویجت تکست هست ، برای استفاده از ویجت تکست در فلاتر راه های مختلفی وجود داره که در ادامه بررسی خواهیم کرد .

 

افزودن ویجت تکست به فلاتر flutter

چندراه مختلف برای افزوذن ویجت تکست وجود داره و باید لایه مورد نظر انتخاب بشه  ، مثلا اگه بخوایم وسط صفحه یک متن داشته باشیم از تیکه کد زیر استفاده میکنیم :

آفرین ! حالا اگه خروجی بگیرید متن مورد نظر رو بهتون نمایش میده ، اما این همه ی کار نیست ، شما میتونید قابلیت های دیگه مثل سایز ، رنگ و .. رو به متن تون اضافه کنید .

دقت کنید که همه ی این کار ها باید داخل متد runApp باشه ، کد نهایی به صورت زیر درمیاد :

 

هِی رفیق ! این مقاله ها رو هم ممکنه دوست داشته باشی :
تعریف متد در زبان دارت Dart
توسط :
ساخت اولین پروژه زبان برنامه نویسی دارت Dart

ساخت اولین پروژه زبان برنامه نویسی دارت Dart   برای استفاده از فریموورک فلاتر Flutter شما حتما نیاز دارید که زبان برنامه نویسی دارت Dart رو …

برنامه های نوشته شده با فلاتر
توسط :
معرفی برنامه های حیرت انگیز و برتر نوشته شده با فریمورک فلاتر fllutter

برنامه های نوشته شده با فلاتر   برنامه نویس های نیتیو کار ! خیلی نسبت به کراس پلتفرمی مثل فلاتر بد بین هستن ! خب تو …

مقایسه Flutter با React Native
توسط :
مقایسه ی کامل فلاتر Flutter با ری اکت نیتیو React Native

مقایسه کامل Flutter با React Native       React Native توسط فیسبوک و Flutter توسط گوگل ساخته شده است و دو تکنولوژی داغ در بازار …

فلاتر flutter چیست ؟ توضیحات کامل پیرامون فلاتر و زبان دارت DART
توسط :
فلاتر flutter چیست ؟ توضیحات کامل پیرامون فلاتر و زبان دارت DART

فلاتر flutter چیست ؟ توضیحات کامل پیرامون فلاتر و زبان دارت DART   اگر به دنبال خلق رابط های کاربری با کیفیت بالا برای پلتفرم های …

دوست داری مقاله هاتو اینجا منتشر کنی ؟!