How to use TextWatcher - methods - ```override fun afterTextChanged(editable: Editable?)``` in a Tex...

# compose

[sen kumar]

How to use TextWatcher - methods -

override fun afterTextChanged(editable: Editable?)

in a TextField component in Compose?

[Dominaezzz]

So the simplest thing I can think of is do this.

LaunchedEffect(textFieldText) {
    // do afterTextChanged
}

Where textFieldText is the variable you pass into TextField.

[Dominaezzz]

There are other ways depending on your use case, but I'd need more info on what you're doing.

[sen kumar]

Thanks Dominic - this is good - But LaunchedEffect() gets called for every character I type - So within this LaunchedEffect(text!!) - I need to do an operation after entire text has been entered. so want an equivalent of afterTextChanged() so only after entire text is entered I can get a handle

[Dominaezzz]

How do you know when the text has stopped changing though? You don't really know when the user is done typing.

[sen kumar]

and do my operation only once instead of multiple times as every character gets entered in the Textfield

[sen kumar]

hmmm.

[sen kumar]

In conventional case

tField!!.addTextChangedListener(object : TextWatcher {
    override fun beforeTextChanged(charSequence: CharSequence, i: Int, i1: Int, i2: Int) {}

    override fun onTextChanged(charSequence: CharSequence, i: Int, i1: Int, i2: Int) {

    }

    override fun afterTextChanged(editable: Editable) {}
})

I think afterTextChanged get called once focus is removed - am I right?

[Dominaezzz]

Ohhhhh, focus removal, there's probably a modifier for that.

[Dominaezzz]

(Sorry, haven't done Android in a long time)

[sen kumar]

I understand that we don’t know when the user has stopped typing - I am trying to see if performance can be improved here instead of doing of going thru mutiple times. I will explore focus modifier .

[sen kumar]

Thanks - Launchedeffect was very helpful

[Dominaezzz]

There's also snapshotFlow { } which will allow you to optimise with flow operators.