jetpack compose Android material3 自定义封装BasicTextField组件，摆脱TextField不能调整高度大小困局

最新推荐文章于 2025-03-21 19:20:57 发布

菜鸟大数据应用

最新推荐文章于 2025-03-21 19:20:57 发布

阅读量1.1k

点赞数 10

文章标签： android android jetpack

本文链接：https://blog.csdn.net/qq_43323894/article/details/135515671

版权

展示了如何在JetpackCompose中自定义Material3BasicTextField，实现Icon和高度可调，解决原有限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jetpack compose Android material3 自定义封装BasicTextField组件，摆脱TextField不能调整高度大小困局

1.效果展示

在这里插入图片描述

2.代码分析

输入框：
1.一个Icon图标
2.输入框
3.隐藏提示文字
4.水平分布，需要Row()布局
由于BasicTextField组件没有Icon属性、没有placeholde属性，需要自行封装Icon图标实现以上效果

3.代码实现

@Composable
fun MyTextField(
	// val (text, setText) = remember{ mutableStateOf("") }
    text: String,
    setText: (String)->Unit
){
   
    Row(
        Modifier
            .fillMaxWidth()
            .background(
                Color(0x66F5F5F5),
                shape = RoundedCornerShape(12