package
com.example.gfgapp
import
android.graphics.drawable.shapes.Shape
import
android.media.Image
import
android.os.Bundle
import
android.widget.Toast
import
androidx.appcompat.app.AppCompatActivity
import
androidx.compose.foundation.BorderStroke
import
androidx.compose.foundation.Image
import
androidx.compose.foundation.Text
import
androidx.compose.foundation.layout.*
import
androidx.compose.foundation.shape.RoundedCornerShape
import
androidx.compose.foundation.text.KeyboardOptions
import
androidx.compose.material.*
import
androidx.compose.material.icons.Icons
import
androidx.compose.material.icons.filled.AccountCircle
import
androidx.compose.material.icons.filled.Info
import
androidx.compose.material.icons.filled.Phone
import
androidx.compose.runtime.*
import
androidx.compose.runtime.savedinstancestate.savedInstanceState
import
androidx.compose.ui.Alignment
import
androidx.compose.ui.layout.ContentScale
import
androidx.compose.ui.platform.setContent
import
androidx.compose.ui.res.imageResource
import
androidx.compose.ui.tooling.preview.Preview
import
androidx.compose.ui.unit.dp
import
com.example.gfgapp.ui.GFGAppTheme
import
androidx.compose.ui.Modifier
import
androidx.compose.ui.draw.clip
import
androidx.compose.ui.graphics.Color
import
androidx.compose.ui.graphics.SolidColor
import
androidx.compose.ui.platform.ContextAmbient
import
androidx.compose.ui.res.colorResource
import
androidx.compose.ui.text.TextStyle
import
androidx.compose.ui.text.font.FontFamily
import
androidx.compose.ui.text.input.*
import
androidx.compose.ui.unit.Dp
import
androidx.compose.ui.unit.TextUnit
class
MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super
.onCreate(savedInstanceState)
setContent {
GFGAppTheme {
Surface(color = MaterialTheme.colors.background) {
TxtField();
}
}
}
}
}
@Composable
fun TxtField() {
val inputvalue = remember { mutableStateOf(TextFieldValue()) }
Column(
modifier = Modifier.fillMaxWidth().fillMaxHeight(),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally,
)
{
TextField(
value = inputvalue.value,
onValueChange = { inputvalue.value = it },
placeholder = { Text(text =
"Enter user name"
) },
modifier = Modifier.padding(all =
16
.dp).fillMaxWidth(),
keyboardOptions = KeyboardOptions(
capitalization = KeyboardCapitalization.None,
autoCorrect =
true
,
keyboardType = KeyboardType.Text,
),
textStyle = TextStyle(color = Color.Black,
fontSize = TextUnit.Companion.Sp(value =
15
),
fontFamily = FontFamily.SansSerif),
maxLines =
2
,
activeColor = colorResource(id = R.color.purple_200),
singleLine =
true
,
inactiveColor = Color.Gray,
backgroundColor = Color.LightGray,
leadingIcon = {
Icon(Icons.Filled.AccountCircle, tint = colorResource(id = R.color.purple_200))
},
trailingIcon = {
Icon(Icons.Filled.Info, tint = colorResource(id = R.color.purple_200))
},
)
}
}
@Preview
(showBackground =
true
)
@Composable
fun DefaultPreview() {
GFGAppTheme {
TxtField()
}
}