Text Widget's Style Property in Flutter

Style Property


fontSize


import 'package:flutter/material.dart';

void main() {

  runApp(

   MaterialApp(

    home: Scaffold(

     appBar: AppBar(

      title: const Text('Sample App'),

     ),

     body: const Text('Lorem Ipsum is simply dummy text of the printing.',

      textAlign: TextAlign.center,

style: TextStyle(

              fontSize: 50,

            ),

      ),

    ),

   ),

  );

}


fontWeight


fontWeight: FontWeight.bold,


letterSpacing


letterSpacing: 8.0,


wordSpacing


wordSpacing: 20.0,


Color


color: Colors.blue,


foreground


foreground: Paint()

..color = Colors.purple

..strokeWidth = 3.0

..style = PaintingStyle.stroke,


background


background: Paint()

..color = Colors.green

..strokeWidth = 3.0

..style = PaintingStyle.stroke,


backgroundColor


backgroundColor: Colors.yellow,


fontStyle


fontStyle: FontStyle.italic,


decoration


decoration: TextDecoration.underline,


decoration: TextDecoration.combine(

                  [TextDecoration.overline, TextDecoration.underline]),


shadows


shadows: Shadow(

                color: Colors.grey,

                blurradius: 4.0,

                offset: Offset(4, 1),

              ),


decorationStyle


decorationStyle: TextDecorationStyle.dashed,


decorationColor

decorationColor: Colors.yellow,

Video Link: 


Post a Comment (0)
Previous Post Next Post