Implemented MultiLineHintTextField;

Author: raheemadamboev

app/src/main/java/xyz/teamgravity/multilinehinttextfield/MainActivity.kt

@@ -3,16 +3,26 @@ package xyz.teamgravity.multilinehinttextfield
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
 import xyz.teamgravity.multilinehinttextfield.ui.theme.MultiLineHintTextFieldTheme
 
 class MainActivity : ComponentActivity() {
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContent {
@@ -21,6 +31,25 @@ class MainActivity : ComponentActivity() {
                     modifier = Modifier.fillMaxSize(),
                     color = MaterialTheme.colorScheme.background
                 ) {
+                    var text by remember { mutableStateOf("") }
+
+                    Column(
+                        modifier = Modifier
+                            .fillMaxSize()
+                            .padding(16.dp)
+                    ) {
+                        MultiLineHintTextField(
+                            value = text,
+                            onValueChanged = { text = it },
+                            hint = "1st line of hint\n2nd line of hint\n3rd line of hint",
+                            maxLines = 4,
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .clip(RoundedCornerShape(5.dp))
+                                .background(Color.LightGray)
+                                .padding(16.dp)
+                        )
+                    }
                 }
             }
         }

app/src/main/java/xyz/teamgravity/multilinehinttextfield/MultiLineHintTextField.kt

@@ -0,0 +1,37 @@
+package xyz.teamgravity.multilinehinttextfield
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.TextStyle
+
+@Composable
+fun MultiLineHintTextField(
+    value: String,
+    onValueChanged: (String) -> Unit,
+    hint: String,
+    maxLines: Int,
+    modifier: Modifier = Modifier,
+    style: TextStyle = MaterialTheme.typography.bodyLarge,
+) {
+    BasicTextField(
+        value = value,
+        onValueChange = onValueChanged,
+        maxLines = maxLines,
+        textStyle = style,
+        decorationBox = { textfield ->
+            Box(modifier = modifier) {
+                if (value.isEmpty()) {
+                    Text(
+                        text = hint,
+                        style = style,
+                    )
+                }
+                textfield()
+            }
+        }
+    )
+}