Add a prefix to every line in a multiline Text Input in Flutter?

Question

I wanted to know if there was a way of adding a prefix (like "- ") to every line in a multiline Text Input in Flutter.

For example:

Hello

World!

Would become:

-Hello

-World!

This is my code:

TextField(
  maxLines: null,
  controller: _elementsController,
  textCapitalization: TextCapitalization.sentences,
  style: TextStyle(
    fontSize: 18.0,
  ),
  decoration: InputDecoration(
    contentPadding: EdgeInsets.all(0.0),
    labelText: 'Elements',
  ),
),

user_13390651 · Answer

U can add a - everytime a new line is created.

Add this in your initState(),

final prefix = '-';
_elementsContoller.addListener(() {
  if(_elementsController.text.endsWith('
')) {
    // Add the prefix everytime a new line is created
    _elementsController.text +=  prefix;
  }
}

If these changes should be made after the input,

text.replaceAll('
', '
$prefix');

Add a prefix to every line in a multiline Text Input in Flutter?

1 Answers