Update AutofillSnippets.kt

Updated to Material3 TextField

Author: MagicalMeghan

compose/snippets/src/main/java/com/example/compose/snippets/text/AutofillSnippets.kt

@@ -19,39 +19,48 @@ package com.example.compose.snippets.text
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.LocalAutofillHighlightColor
-import androidx.compose.foundation.text.input.TextFieldState
+import androidx.compose.material3.TextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.autofill.ContentType
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalAutofillManager
 import androidx.compose.ui.semantics.contentType
 import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.unit.dp
 import com.example.compose.snippets.touchinput.Button
 
 
 @Composable
 fun AddAutofill() {
+    var textFieldValue = remember {
+        mutableStateOf(TextFieldValue(""))
+    }
     // [START android_compose_autofill_1]
-    BasicTextField(
-        state = remember { TextFieldState() },
+    TextField(
+        value = textFieldValue.value,
+        onValueChange = {textFieldValue.value = it},
         modifier = Modifier.semantics { contentType = ContentType.Username }
     )
     // [END android_compose_autofill_1]
 }
 
 @Composable
 fun AddMultipleTypesOfAutofill() {
+    var textFieldValue = remember {
+        mutableStateOf(TextFieldValue(""))
+    }
     // [START android_compose_autofill_2]
     Column {
-        BasicTextField(
-            state = remember { TextFieldState() },
+        TextField(
+            value = textFieldValue.value,
+            onValueChange = {textFieldValue.value = it},
             modifier =
             Modifier.semantics {
                 contentType = ContentType.Username + ContentType.EmailAddress
@@ -70,12 +79,16 @@ fun AutofillManager() {
 
 @Composable
 fun SaveDataWithAutofill() {
+    var textFieldValue = remember {
+        mutableStateOf(TextFieldValue(""))
+    }
     // [START android_compose_autofill_4]
     val autofillManager = LocalAutofillManager.current
 
     Column {
-        BasicTextField(
-            state = remember { TextFieldState() },
+        TextField(
+            value = textFieldValue.value,
+            onValueChange = {textFieldValue.value = it},
             modifier =
             Modifier.semantics {
                 contentType = ContentType.NewUsername
@@ -84,8 +97,9 @@ fun SaveDataWithAutofill() {
 
         Spacer(modifier = Modifier.height(16.dp))
 
-        BasicTextField(
-            state = remember { TextFieldState() },
+        TextField(
+            value = textFieldValue.value,
+            onValueChange = {textFieldValue.value = it},
             modifier =
             Modifier.semantics {
                 contentType = ContentType.NewPassword
@@ -97,11 +111,16 @@ fun SaveDataWithAutofill() {
 
 @Composable
 fun SaveDataWithAutofillOnClick() {
+    var textFieldValue = remember {
+        mutableStateOf(TextFieldValue(""))
+    }
     // [START android_compose_autofill_5]
     val autofillManager = LocalAutofillManager.current
+
     Column {
-        BasicTextField(
-            state = remember { TextFieldState() },
+        TextField(
+            value = textFieldValue.value,
+            onValueChange = {textFieldValue.value = it},
             modifier =
             Modifier.semantics {
                 contentType = ContentType.NewUsername
@@ -110,8 +129,9 @@ fun SaveDataWithAutofillOnClick() {
 
         Spacer(modifier = Modifier.height(16.dp))
 
-        BasicTextField(
-            state = remember { TextFieldState() },
+        TextField(
+            value = textFieldValue.value,
+            onValueChange = {textFieldValue.value = it},
             modifier =
             Modifier.semantics {
                 contentType = ContentType.NewPassword
@@ -126,18 +146,22 @@ fun SaveDataWithAutofillOnClick() {
 
 // [START android_compose_autofill_6]
 @Composable
-fun customizeAutofillHighlight() {
+fun CustomAutofillHighlight(customHighlightColor: Color = Color.Red) {
+    var textFieldValue = remember {
+        mutableStateOf(TextFieldValue(""))
+    }
+    // [START android_compose_autofill_6]
     val customHighlightColor = Color.Red
-
     CompositionLocalProvider(LocalAutofillHighlightColor provides customHighlightColor) {
-        Column {
-            BasicTextField(
-                state = remember { TextFieldState() },
-                modifier = Modifier.semantics {
-                    contentType = ContentType.Username
-                }
-            )
-        }
+        TextField(
+            value = textFieldValue.value,
+            onValueChange = {textFieldValue.value = it},
+            modifier = Modifier.semantics {
+                contentType = ContentType.Username
+            }
+        )
     }
+    // [END android_compose_autofill_6]
 }
 // [END android_compose_autofill_6]
+