How to replace multiple text in flutter?

Question

I want to replace multiple characters which are getting from text field in flutter using Replaceall method.How can I implement that properly. Iv'e tried to do that as following but It won't replace the characters.

_textSelect(String str){
    str=str.replaceAll('e', 'é');
    str=str.replaceAll('i', 'I');
    str=str.replaceAll('b', '*');
    str=str.replaceAll('v', '<');

    return str;
    }

Context

Widget build(BuildContext context) {
            return Scaffold(
              appBar: AppBar(
                title: Text('Retrieve Text Input'),
              ),
              body: Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(
                  controller: myController,
                ),
              ),
              floatingActionButton: FloatingActionButton(
                // When the user presses the button, show an alert dialog containing
                // the text that the user has entered into the text field.
                onPressed: () {
                  _textSelect(myController.text);//update
                  return showDialog(
                    context: context,
                    builder: (context) {
                      return AlertDialog(
                        // Retrieve the text the that user has entered by using the
                        // TextEditingController.
                        content: Text(
                        str,
                        style:TextStyle(
                          fontSize:50,
                          fontFamily:"Italy"),),
                      );
                    },
                  );
                },
                tooltip: 'Show me the value!',
                child: Icon(Icons.text_fields),
              ),
            );
          }

shouldn't you be passing myController.text back to your _textSelectMethod? — Mohammad Assad Arshad
– Mohammad Assad Arshad, Commented Jun 8, 2020 at 7:38

CopsOnRoad · Accepted Answer · 2020-06-08 10:45:18Z

3

I am not good in RegExp, so maybe there is some better way of doing it.

String _textSelect(String str) {
  str = str.replaceAll('e', 'é');
  str = str.replaceAll('i', 'I');
  str = str.replaceAll('b', '*');
  str = str.replaceAll('v', '<');
  return str;
}


String output = _textSelect('English is blowing vhistle?');

Edit:

final myController = TextEditingController();
String str = '';

String _textSelect(String str) {
  str = str.replaceAll('e', 'é');
  str = str.replaceAll('i', 'I');
  str = str.replaceAll('b', '*');
  str = str.replaceAll('v', '<');
  return str;
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('Retrieve Text Input'),
    ),
    body: Padding(
      padding: const EdgeInsets.all(16.0),
      child: TextField(
        controller: myController,
      ),
    ),
    floatingActionButton: FloatingActionButton(
      // When the user presses the button, show an alert dialog containing
      // the text that the user has entered into the text field.
      onPressed: () {
        str = _textSelect(myController.text); //update
        return showDialog(
          context: context,
          builder: (context) {
            return AlertDialog(
              // Retrieve the text the that user has entered by using the
              // TextEditingController.
              content: Text(
                str,
                style: TextStyle(fontSize: 50, fontFamily: 'Italy'),
              ),
            );
          },
        );
      },
      tooltip: 'Show me the value!',
      child: Icon(Icons.text_fields),
    ),
  );
}

edited Jun 8, 2020 at 10:45

answered Jun 8, 2020 at 7:40

CopsOnRoad

271k97 gold badges702 silver badges471 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Axen_Rangs Over a year ago

Can I add more lines like return str.replaceAll('eibv', 'éI*<');

Axen_Rangs Over a year ago

It gives me data null error...Don't know what went wrong

CopsOnRoad Over a year ago

Please update your code with my solution, so that I can run locally and tell you what mistake you're making.

CopsOnRoad Over a year ago

Ok, so what basically you want to do now with the string, do you want to update the TextField or you want to show that in Dialog?

Moony-Stary · Accepted Answer · 2023-06-08 12:36:36Z

1

Single line answer

String _textSelect(String str) => str
          .replaceAll('e', 'é')
          .replaceAll('i', 'I')
          .replaceAll('b', '*')
          .replaceAll('v', '<');

answered Jun 8, 2023 at 12:36

Moony-Stary

4832 silver badges10 bronze badges

Comments

Mohammad Assad Arshad · Accepted Answer · 2020-06-08 08:05:15Z

0

Your code seems to be fine as far as I can tell, only thing you haven't done is to change the state of str variable;

So do this:

onPressed: () {
             setState(() { _textSelect();}); //add setState here. 

              return showDialog(
                context: context,
                builder: (context) {
                  return AlertDialog(

                    content: Text(
                    str,
                    style:TextStyle(
                      fontSize:50,
                      fontFamily:"Italy"),),
                  );
                },
              );

edited Jun 8, 2020 at 8:05

answered Jun 8, 2020 at 7:51

Mohammad Assad Arshad

1,81414 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to replace multiple text in flutter?

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related