آموزش ویجت ()Text

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

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

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

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

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

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

۱- Key:

۲- locale:

۳- maxLines:

۴- overflow:

۵- softWrap:

۶- textAlign:

۷- textDirection:

۸- textScaleFactor:

۹- semanticsLable:

۱۰- style:

  • 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:”نام اختصار دلخواه”)

  • style:

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

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

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

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

1 نظر

  • آموزش ویجت ()Text در فلاتر قسمت 2 – آترون | آینده کسب و کار دیجیتال

    […] دوست داشته باشید میتونید در اینجا قسمت ۱ آموزش ویجت ()Text رو مشاهده […]

ارسال نظر

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