flutter text field next line code example

Example 1: how to enable multiline text form fields flutter

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

Example 2: text line through flutter

Text('\$8.99', style: TextStyle(decoration: TextDecoration.lineThrough))

Example 3: text overflow in new line in flutter

Row(
     children: [
                Flexible(
                  child: Text('Add long text here',
                  maxLines: 1,
                  softWrap: false,
                  overflow: TextOverflow.fade,
                  ),
                ),
              ],
            )

Example 4: flutter multiline text field

new TextField(
  keyboardType: TextInputType.multiline,
  maxLines: whatever,
)

Example 5: automatic text to next line in container in flutter

Using Ellipsis

Text(
  "This is a long text",
  overflow: TextOverflow.ellipsis,
),

Using Fade

Text(
  "This is a long text",
  overflow: TextOverflow.fade,
  maxLines: 1,
  softWrap: false,
),

Using Clip

Text(
  "This is a long text",
  overflow: TextOverflow.clip,
  maxLines: 1,
  softWrap: false,
),

Note:
If you are using Text inside a Row, you can put above Text inside Expanded like:
Expanded(
  child: AboveText(),
)

Example 6: flutter text field next line

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

Tags:

Misc Example