flutter text align left code example

Example 1: how to write text in return align in flute

Padding(
    padding: const EdgeInsets.all(8.0),
    child: Container(
      width: 300,
      padding: EdgeInsets.all(10),
        decoration: BoxDecoration(
          color: Colors.blue,
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              child: Text(
                "Without Alignment",
                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 30),
              ),
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                Container(
              decoration: BoxDecoration(
                border: Border.all(),
              ),
              child: Text(
                "7:30 PM",
                textDirection: TextDirection.rtl,
                textAlign: TextAlign.right,
                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 30),
              ),
            ),
              ],
            )
          ],
        ),
      ),
  ),

Example 2: textAlign flutter

Text('text',  textAlign: TextAlign.left)

Example 3: flutter align text right

Container(
   color: Colors.red,
   child: Text(...)
)

Tags:

Misc Example