how can i add emoji in flutter text field

Question

i have the following column

 late  final TextEditingController controller = TextEditingController();
    Column(
    children:[
     GestureDetector(
         onTap: (){
          // 1- here How can i copy the emoji 
          // 2- add it to controller (locate it to the current location where text field cursor located )
         },
        child: Text('')
       ),
        TextField(
        controller: controller ,
        )
     ]
    )

1- here How can i copy the emoji

2- add it to controller (fitting it to the current location where text field cursor located )

Does this answer your question? [Flutter: How to insert text in middle of text field text](https://stackoverflow.com/questions/60057840/flutter-how-to-insert-text-in-middle-of-text-field-text) — Ivo, Dec 08 '22 at 11:05

score 0 · Answer 1 · answered Dec 08 '22 at 11:15

0

Emoji Picker

You can use this library.

answered Dec 08 '22 at 11:15

erkaneroglu

198
6

score 0 · Answer 2 · answered Dec 08 '22 at 12:06

0

try this

 GestureDetector(
          onTap: () {
            String text = controller.text + '';
            setState(() {
              controller.value = TextEditingValue(
                  text: text,
                  selection: TextSelection(
                      baseOffset: text.length, extentOffset: text.length));
            });
          },
          child: Text('')),

answered Dec 08 '22 at 12:06

HASSNAIN RAZA

11
1

it always add emoji at end length – Mohammed Hamdan Dec 09 '22 at 04:37
to add text at current index of cursor you can use the code provided here https://stackoverflow.com/a/65654957 – HASSNAIN RAZA Dec 09 '22 at 07:59

how can i add emoji in flutter text field

2 Answers2