Text widget

A Text widget alkalmas arra, hogy Flutterrel a képernyőn megjelenítsünk egy szöveget, sztringet. Tehát a Flutterben a mobilon megjelenő egyszerű szöveg is widget.

Szöveg stílusa

A szöveg, vagyis a Text widget formázás nem bonyolult dolog. Ha van egy Text widgetünk, akkor azt a style tulajdonságon keresztül lehet megformázni.

Text(
  'Hello World!',
  style: TextStyle(
    color: Colors.white,
    fontSize: 28,
    ),
)

A style vár egy TextStyle objektumot, ezen belül állítottam be színt a color, és szövegméretet a fontSize tulajdonságokkal.

Szöveg igazítása

Ez a textAlign tulajdonsággal történik:

Text(
  currentQuestion.text,
  style: const TextStyle(
    color: Colors.white,
  ),
  textAlign: TextAlign.center,
),

A TextAlign.center értékkel állítottuk vízszintesen középre.

Szöveg maximalizálása

A maxLines paraméterrel szabályozhatjuk azt, hogy a szöveg max hány sort foglalhat el:

Text(valami.title, maxLines: 2)

Ha két sornál hosszabb a szöveg, akkor vágásra kerül. A maxLines párban jár az overflow paraméterrel. Ezzel lehet azt szabályozni, hogy amennyiben a szöveg vágásra kerül, akkor miképpen legyen az megvágva.

Például a

Text(valami.title, maxLines: 2, overflow: TextOverflow.ellipsis,)

teszi lehetővé, hogy vágáskor „…” kerüljön a szöveg végére. Például: Ez egy hosszú és vágott szöveg, ami…

Szöveg tördelése

A softWrap tulajdonsággal mondjuk meg a Text widget-nek, hogy végezzen-e szépen szövegtördelést vagy ne.

Text(valami.title, softWrap: true)