کار با ویجت 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 محل قرار گیری متن را میتوانیم تعیین کنیم.
textAlign: TextAlign.center
لیست کامل ویژگی های ویجت Text:
- textAlign
- style
- textDirection
- textScaleFactor
- textSpan
- locale
در زیر یک مثال کامل از ویجت Text را قرار داده ایم.
import 'package:flutter/material.dart';
void main(){
runApp(
new Material(
color: Colors.white,
child: new Center(
child: new Text('Flutter-learn.ir',
textDirection: TextDirection.ltr,
style: new TextStyle(fontSize: 28.0,color: Colors.orange ),),
),
));
}
درباره Hesam
حسام رسولیان هستم فارغ التحصیل رشته IT و موسس وبسایت فلاتر لرن - وبسایت شخصی: AtysCode.ir
نوشته های بیشتر از Hesam
دیدگاهتان را بنویسید