Question

OutlinedTextfield is great as it provides a preformatted textfield that looks graet and that you can twek to your needs. One of the features is a leading Icon the issue is that it will always center vertically (see bottom of picture) and I really want it in the top corner of the outline along with the hint

Answer 1

我认为我们不会直接改变领导伊科的严重性。需要做一些工作。为此,

var input by remember { mutableStateOf("") }
var isFocused by remember { mutableStateOf(false) }
Row(
    modifier = Modifier
        .border(
            width = if (isFocused) 2.dp else 1.dp,
            color = if (isFocused) Color.Gray else Color.Gray.copy(alpha = 0.8f),
            shape = RoundedCornerShape(5.dp)
        )
        .clip(RoundedCornerShape(5.dp))
        .height(120.dp)
        .fillMaxWidth()
 ) {
    Box(
       modifier = Modifier.defaultMinSize(48.dp, 48.dp),
       contentAlignment = Alignment.Center
    ) {
       Icon(
            imageVector = Icons.Default.Info,
            contentDescription = null
       )
    }
    BasicTextField(
         value = input,
         onValueChange = { input = it },
         modifier = Modifier
            .fillMaxWidth()
            .fillMaxHeight()
            .onFocusChanged { state ->
                isFocused = state.isFocused
            }
            .padding(top = 8.dp)
    )
 }

You can add more customization to BasicTextField.

Answer 2

这可能很晚,但我提出了一个解决办法。 Wrap the OutlinedTextArea in a Column that use Modifier.hala (IntrinsicSize.Min)。 * E/CN.6/2009/1。

* (可能将哥伦堡和Modifier.hala(IntrinsicSize.Min)直接并入提格雷拉。我确实试图这样做,因为我需要其他东西。

其次,主角是一席之地。

Box( contentAlignment = Alignment.TopCenter,
    modifier = Modifier
        .fillMaxHeight() 
        .padding(top = 16.dp ) 
   ) {
      Icon( imageVector = ImageVector.vectorResource(iconRes))
     }

The .fillMaxHeight makes the Box take the size of the Column (or TextArea) and the padding pushes it down to where you d like it. I got the inspiration from this article.

友情链接