I am using simple

TextField

to get userInput. But I am not able to write anything in

TextFeild

@Composable
fun EditTextView(text: String) {
    val textState = +state{ text }
    Padding(left = 8.dp, top = 8.dp, right = 8.dp) {
        Surface(
            color = Color.Gray,
            shape = RoundedCornerShape(8.dp)
        ) {
            Padding(padding = 5.dp) {
                TextField(value = textState.value,
                    onValueChange = { textState.value = it })
            }
            
        }
    }
}

I believe it should be like this :

@Composable
fun EditTextView(text: String) {
    var textState by state{ text }
    Padding(left = 8.dp, top = 8.dp, right = 8.dp) {
        Surface(
            color = Color.Gray,
            shape = RoundedCornerShape(8.dp)
        ) {
            Padding(padding = 5.dp) {
                TextField(value = textState,
                    onValueChange = { textState = it })
            }
            
        }
    }
}

What is a difference between

+state

and

by state

Not having to type

.value

when using it

@bmo I am creating simple edittext , i tried your composable fun but it says Type Effect<State<Stromg>> has no metheds getValue and set value on var textState by state{ text }

@Muhammad Usman I am recieving the same error

@amar_1995 thanks

But still the problem exist cannot able to get userInput.

@amar_1995 I have used it in my sample app : https://github.com/bmonjoie/ComposeTipsCalculator/blob/master/app/src/main/java/be/xzan/composetipscalculator/HintedTextField.kt It does work but I didn't use a

state

for it. I'm propagating the value back up in order to change my model and then re-rendering the textfield with the value from my model : https://github.com/bmonjoie/ComposeTipsCalculator/blob/master/app/src/main/java/be/xzan/composetipscalculator/MainActivity.kt The reason I did that is if I stored the value in a

state

within my method, there is no easy way for me to retrieve that value later (or none that I could think of).

I see, you was using

@Model

class and propagating value back up in order. In any change model will reload view. But, I want to know why simple code of

textFeild

not working using state. Is there any bug ?

I have had issue with

state

and I used

stateFor

to fix that but no clue why to be honest ¯\_(ツ)_/¯

I tried using

stateFor

but it is also not working.

val state =
        +stateFor<String?>() { "sample1" }
    MaterialTheme() {
        TextField(value = state.value!!,
            onValueChange = { state.value = it})
    }

What am I doing wrong ?

@amar_1995 You need to pass a value in the

()

it can be a value that you pass to your function or a constant. This should look like :

@Composable
fun EditTextView(text: String) {
    val textState = +stateFor("sample1"){ text }
    Padding(left = 8.dp, top = 8.dp, right = 8.dp) {
        Surface(
            color = Color.Gray,
            shape = RoundedCornerShape(8.dp)
        ) {
            Padding(padding = 5.dp) {
                TextField(value = textState.value,
                    onValueChange = { textState.value = it })
            }
            
        }
    }
}

It is now working for me. Issue is with the emulator, I was using genymotion emulator. But after running it in normal avd emulator it is working. Seems like there is some configuration issue with genymotion emulator.