مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

hharddy

عضویت از 1396/01/26

کار با Text در فلاتر

  • شنبه 8 دی 1397
  • 13:06
تشکر میکنم

ویجت Text

در فریموورک فلاتر Flutter برای نمایش هر متنی به کاربر از ویجت Text استفاده می کنیم.

کار با Text بسیار راحت هست و هیچگونه پیچیدگی خاصی ندارد.

در ابتدا به کد های زیر توجه کنید و ببینید که چگونه برای نمایش متن به کاربر از این ویجت استفاده می کنیم.

child: new Text('Flutter-learn.ir')

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

برای تغییر استایل متن مینونیم از ویژگی Style استفاده کنیم. با استایل میتونیم رنگ,اندازه,فونت, وزن و… را به دلخواه خودمون تغییر دهیم.


 
new Text('Flutter-learn.ir',
    style: new TextStyle(fontSize: 22.0,color: Colors.lightGreen),)

در متن بالا ابتدا ویژگی style را نوشته و سپس با استفاده از دستور new TextStyle شروع به نوشتن استایل های مورد نظر می شویم به این دلیل از new TextStyle استفاده کردیم که میتونیم یک متد از این نوع ساخته و جدا در آن استایل دهی خودمون و انجام دهیم.

با استفاده از ویژگی textAlign محل قرار گیری متن را میتوانیم تعیین کنیم.

لیست کامل ویژگی های ویجت Text:

textAlign

style

textDirection

textScaleFactor

textSpan

locale

منبع: مرجع فارسی فلاتر

پاسخ های این پرسش

تعداد پاسخ ها : 0 پاسخ
در حال حاضر هیچ پاسخی ارسال نشده است
کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)