I cannot use TextField() in jetpack Compose(Material 3)

Question

@Composable
fun EditNumberField() {
    TextField(value = "", onValueChange = {}){
        
    }
}

It says Unresolved reference: TextField.

I want a TextField so that the user can enter a value but it is showing an error.

score 3 · Accepted Answer · answered Oct 28 '22 at 15:26

3

Check your dependencies in the build.gradle file. You have to add the library:

implementation "androidx.compose.material3:material3:$material3_version"

Also check your import statements in your class:

import androidx.compose.material3

If you are using M2 and M3 together avoid this kind of import of both packages together:

import androidx.compose.material.*
import androidx.compose.material3.*

answered Oct 28 '22 at 15:26

Gabriele Mariotti

320,139
94
887
841

Thanks my gradle file was not updated. – Uday Chaudhary Oct 28 '22 at 15:30
I used import androidx.compose.material3.TextField, updated all the dependencies in the gradle and it worked. – Uday Chaudhary Oct 28 '22 at 15:41
I have updated to latest version and worked. – Yogesh Nikam Patil Jan 09 '23 at 16:18

score 1 · Answer 2 · answered Apr 21 '23 at 03:35

Seems the error was resolved for me when I entered experimental annotation like so:

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun SearchBar(modifier: Modifier = Modifier) {
    var text by remember { mutableStateOf(TextFieldValue("")) }
    TextField(
        value = text,
        onValueChange = {
            newText -> text = newText
        }
    )
}

I cannot use TextField() in jetpack Compose(Material 3)

2 Answers2