软件键盘与jetpack compose视图的内容重叠

Question

假设我有一些关于jetpack-compose内容的活动

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            ScrollableColumn(
                modifier = Modifier
                    .fillMaxSize()
                    .border(4.dp, Color.Red)
            ) {
                val (text, setText) = remember { mutableStateOf("") }

                TextField(
                    value = text,
                    onValueChange = setText,
                    label = {},
                    modifier = Modifier
                        .fillMaxWidth()
                )

                for (i in 0..100) {
                    Text("Item #$i")
                }
            }
        }
    }

}

如果我要启动此活动并专注于文本字段，就会弹出一个软件键盘。

但是，该接口不会对此做出反应。可滚动列的下边框（.border（4.dp，Color.Red））以及第100个项目（Text（“Item #$i”））将不可见。

换句话说，软键盘与内容重叠。

如何使jetpack在可见区域发生变化（由于软件键盘）？

Answer 1

我也面临同样的问题。

使用＜code＞OnGlobalLayoutListener＜/code＞将观察实际的输入法矩形大小，并在软键盘完全可见时触发。

适用于我的解决方案:

val bringIntoViewRequester = remember { BringIntoViewRequester() }
val scope = rememberCoroutineScope()
val view = LocalView.current
DisposableEffect(view) {
    val listener = ViewTreeObserver.OnGlobalLayoutListener {
        scope.launch { bringIntoViewRequester.bringIntoView() }
    }
    view.viewTreeObserver.addOnGlobalLayoutListener(listener)
    onDispose { view.viewTreeObserver.removeOnGlobalLayoutListener(listener) }
}
TextField(
    modifier = Modifier.bringIntoViewRequester(bringIntoViewRequester),
    ...
)

起源于这里

Answer 2

您可以使用陪同者的插图库https://google.github.io/accompanist/insets

首先，在应用程序主题下的大多数情况下，在可组合层次结构的根位置使用ProvideWinSet，然后将WindowInsetsAnimationEnabled设置为true

ProvideWindowInsets(windowInsetsAnimationsEnabled = true) {
// content  }

在TextField上使用NavigationBarswithImePadd（）修饰符

OutlinedTextField(
// other params,
modifier = Modifier.navigationBarsWithImePadding() )

最后，请确保从您的活动（在onCreate内部）调用WindowCompat.setDecorFitsSystemWindows（window，false）。如果您希望软件键盘开/关动画设置活动的窗口SoftInputMode adjust在Android中调整大小

<activity
  android:name=".MyActivity"
  android:windowSoftInputMode="adjustResize">

Answer 3

您可以使用标准的android程序，但我不知道是否存在特定的撰写方式。

如果将 SoftInputMode 设置为SOFT_INPUT_ADJUST_RESIZE，则布局将在键盘更改时调整大小。

class YourActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        
        window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
        
        setContent { /* Composable Content */ }
    }
}

否则，您可以使用清单中的标志。有关更多信息，请参阅此处：在显示软键盘时向上移动布局？