我处理这个问题的方法是使用Jetpack Compose 的插图:
https://google.github.io/accompanist/insets/
为了开始处理问题,您需要添加对 gradle 的依赖(当前版本是 0.22.0-rc)。
dependencies {
implementation "com.google.accompanist:accompanist-insets:0.22.0-rc"
}
然后你需要将你的内容包装在你的活动中ProvideWindowInsets
setContent {
ProvideWindowInsets {
YourTheme {
//YOUR CONTENT HERE
}
}
}
此外,您需要在活动 onCreate() 函数中添加以下行:
WindowCompat.setDecorFitsSystemWindows(window, false)
更新:尽管建议使用此功能,但根据我的经验,它可能会使此方法不起作用。如果您遇到任何问题,您可能需要删除此行。
现在您的项目已设置为可以使用Insets
在接下来的步骤中,我将使用我提供的有问题的代码
首先,您需要用以下内容包装您的主专栏
ProvideWindowInsets(windowInsetsAnimationsEnabled = true)
然后让我们稍微修改一下修饰符,添加:
.statusBarsPadding()
.navigationBarsWithImePadding()
.verticalScroll(rememberScrollState())
正如您所看到的,我的方法中的技巧是使用verticalScroll()。主列的最终代码应如下所示:
@Composable
fun BuildWordsView(navController: NavController, sharedViewModel: SharedViewModel) {
ProvideWindowInsets(windowInsetsAnimationsEnabled = true) {
Column(
modifier = Modifier
.fillMaxWidth()
.background(PrimaryLight)
.statusBarsPadding()
.navigationBarsWithImePadding()
.verticalScroll(rememberScrollState())
.fillMaxSize()
) {
BuildWordsScreenContents()
}
}
}
现在我们来修改一下Column中的修饰符fun BuildWordsScreenContents()
主要的修改是我们通过以下方式提供屏幕的高度:
.height(LocalConfiguration.current.screenHeightDp.dp)
这意味着列的高度将完美适合您的屏幕。因此,当键盘未打开时,列将无法滚动
有完整的代码:
@Composable
fun BuildWordsView(navController: NavController, sharedViewModel: SharedViewModel) {
ProvideWindowInsets(windowInsetsAnimationsEnabled = true) {
Column(
modifier = Modifier
.fillMaxWidth()
.background(PrimaryLight)
.statusBarsPadding()
.navigationBarsWithImePadding()
.verticalScroll(rememberScrollState())
.fillMaxSize()
) {
BuildWordsScreenContents()
}
}
}
@Composable
fun BuildWordsScreenContents() {
Column(
Modifier
.height(LocalConfiguration.current.screenHeightDp.dp)
.padding(all = 16.dp)
) {
val inputBoxModifier = Modifier
.clip(RoundedCornerShape(10.dp))
.background(Primary)
.weight(12f)
.wrapContentHeight()
InputBlock("Dialog1", inputBoxModifier)
Spacer(Modifier.weight(1f))
InputBlock("Dialog2", inputBoxModifier)
Spacer(Modifier.weight(1f))
InputBlock("Dialog3", inputBoxModifier)
}
}
@Composable
fun InputBlock(dialogText: String, inputBlockModifier: Modifier) {
Column(modifier = inputBlockModifier) {
Text(
dialogText,
fontSize = 30.sp,
textAlign = TextAlign.Center,
modifier = Modifier
.fillMaxWidth()
.wrapContentSize(Alignment.Center)
)
var text by remember { mutableStateOf("") }
TextField(
value = text,
modifier = Modifier
.fillMaxWidth()
.wrapContentSize(Alignment.Center),
onValueChange = { text = it },
label = { Text("Label") }
)
}
}
最终代码允许我们向下滚动视图:
API 30 的重要说明-
对于低于 30 的 API,您需要修改 AndroidManifest.xml 文件
在 android:windowSoftInputMode="adjustResize"为了让它发挥作用。它do not调整组件的大小,但必须使这种方法发挥作用
清单应如下所示:
<activity
android:name=".MainActivity"
android:windowSoftInputMode="adjustResize"
请随时给我任何如何改进我的问题的提示。 AFAIK 这个问题和 android 一样古老,我想创建一个快速教程如何管理它。快乐编码!