آموزش ویجت ()Text در فلاتر قسمت ۱

حالت شب

سلام خدمت دوستان به جلسه دوم ازآموزش فلاتر خوش اومدین

امید وارم که حالتون خوب باشه

دوستانی که میخوان بدونن که ما در جلسات آینده میخواهیم چیکار کنیم و کلا با رویه ی آموزشی ما آشنا بشن، میتونن یه سری به جلسه ی قبلی بزنن
خب دوستان همونطور که قول داده بودم میخوام که این جلسه درباره ویجت ()Text  صحبت کنم.

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

Text(“یک متن دلخواه”)

این ویجت پارامتر های مختلفی میگیره مثل:

۱- Key:

۲- locale:

۳- maxLines:

۴- overflow:

۵- softWrap:

۶- textAlign:

۷- textDirection:

۸- textScaleFactor:

۹- semanticsLable:

۱۰- style:

  1. Key:

 این پارامتر نیازی به تعریف کردن نداره ولی اگر جایی بخواین که یک عملی رو انجام بدین شما باید این رو تعریف بکنین
مثلا فرض کنین که در یک صفحه چندین متن یا هرچیز دیگه ای که درون خودشون key دارن روتعریف کردین
خب حالا میخواین که یکی از اونها رو خذف یا جا به جا کنین به طوری که نظم بقیه ی متن هاتون بهم نخوره
اینجا باید که برای هر متنی که در صفحتون دارین یک  key مخصوص به اون متن هم داشته باشین
اینجا نیاز به تعریف key میشه

  • Locale:

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

  • maxLines:

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

Text(“متن دلخواه”,maxLines: 5,)

  • overflow:

در بعضی مواقع اتفاق می افتد که متن ما بزرگتر از فضایی است که ما در اختیارش گذاشته ایم به اصطلاح میگوییم سر ریز کرده است.
برای کنترل کردن این اتفاق از این پارامتر استفاده میکنیم
به سه طریق میتواند به ما کمک کند که به شرح زیر است

Text(“متن دلخواه”,overflow: TextOverflow.clip,)

Text(“متن دلخواه”,overflow: TextOverflow.ellipsis,)

Text(“متن دلخواه”,overflow: TextOverflow.fade,)

  • softWrap:

این پارامتر بولین برمیگرداند و به طور پیش فرض true می باشد

اگر false باشد متن ما هرجقد هم که زیاد باشد،در یک خط قرار میگیرد و شکسته نمیشود

ولی اگر true باشد متن ما اگر زیاد باشد مقدار اضافه ی آن شکسته میشود و در خط بعدی نوشته میشود

  • textAlign:

این پارامتر برای تنظیم پوزیشن متن به کار میرود و به صورت زیر تعریف میشود

Text(“متن دلخواه”,textAlign:TextAlign.center,)

Text(“متن دلخواه”,textAlign:TextAlign.end,)

Text(“متن دلخواه”,textAlign:TextAlign.justify,)

Text(“متن دلخواه”,textAlign:TextAlign.left,)

Text(“متن دلخواه”,textAlign:TextAlign.right,)

Text(“متن دلخواه”,textAlign:TextAlign.start,)

  • textDirection:

برای معلوم کردن جهت نوشتاری متن ما میباشد
یعنی اگر بخواهیم انگلیسی و… بنویسیم باید از چپ به راست باشد

Text(“متن دلخواه”,textDirection:TextDirection.ltr)

و اگر بخواهیم فارسی بنویسیم باید از راست به چپ باشد

Text(“متن دلخواه”,textDirection:TextDirection.rtl)

  • textScaleFactor:

این پارامتر یک عدد به صورت double میگیرد و مثل fontSize عمل میکند
یعنی هرچه عدد بیشتر باشد متن ما هم بزرگتر میشود

  • semanticsLable:

این پارامتر String میگیرد وانند نام اختصار برای یک فرد عمل میکند
یعنی با تعریف این پارامتر میتوانیم متن خود را با آن نام اختصار در جایه دیگری فراخوانی کنیم
و به صورت زیر تعریف میشود

Text(“متن دلخواه”,semanticsLable:”نام اختصار دلخواه”)

  1. style:

این پارامتر مهمترین پارامتر میباشد که ظاهر متن ما رو تنظیم میکنه
من این پارامتر رو در جلسه ی بعدی خدمتتون آموزش میدم

امیدوار هستم که از این جلسه لذت برده باشین تا چلسه ی آینده خدانگهدار

نویسنده: امین جعفری

تنظیم شده در تیم برنامه نویسی آترون

دربارهامین جعفری

پاسخی بگذارید

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