在 Jetpack Compose 中使用输入框(TextField )遇到的一些问题 为了更好的阅读体验,在阅读本文之前,你需要对 Compose或者 Flutter (实在太像了)有过基础的了解
Compose 虽然发布已经快一个月了。但是真正用到项目中的应该是少之又少了。靠着以前写 Flutter 积累的少许经验,最近决定试试水,在项目中使用,接下来大概率会更新一些在使用 Compose 遇到的问题
先定一个小目标 日常开发中,类似下面这中搜索功能应该是很常见的需求了,接下来我们就来实现它
TextField 的简单使用 TextField 提供了很多的参数用法,我们先参照 Google 开发文档的基础用法尝试完成以下 UI 给的样式。
稍微了解的同学都知道这个实现起来很简单:row + icon + TextField 完事
还是贴一下简单的代码吧。主要看TextField 部分
var text by remember { mutableStateOf("") } Row( Modifier .fillMaxWidth() .padding(end = 20.dp, start = 10.dp) .background(Color.White), verticalAlignment = Alignment.CenterVertically ) { ···· 省略 ···· TextField( value = text, onValueChange = { text = it onValueChange.