12

我有这样的用户界面：

val scrollState = rememberScrollState()
        Column(
            modifier = Modifier
                .fillMaxSize(1F)
                .padding(horizontal = 16.dp)
                .verticalScroll(scrollState)
        ) {

            TextField(...)
 // multiple textfields
             TextField(
                        //...
                        modifier = Modifier.focusOrder(countryFocus).onFocusChanged {
                            if(it == FocusState.Active) {
                               // scroll to this textfield
                            }
                        },
                    )
         }

我在此列中有多个 TextField，当其中一个集中时，我想将 Column 滚动到它。scrollState 中有一个方法，scrollState.smoothScrollTo(0f)但我不知道如何获得聚焦的 TextField 位置。

更新：

看来我找到了一个可行的解决方案。我用过onGloballyPositioned并且有效。但我不确定这是否是解决这个问题的最佳方法。

var scrollToPosition = 0.0F

TextField(
   modifier = Modifier
    .focusOrder(countryFocus)
    .onGloballyPositioned { coordinates ->
        scrollToPosition = scrollState.value + coordinates.positionInRoot().y
    }
    .onFocusChanged {
    if (it == FocusState.Active) {
        scope.launch {
            scrollState.smoothScrollTo(scrollToPosition)
        }
    }
}
)
4

2 回答 2

2

compose 中有一个新的东西叫做RelocationRequester. 这为我解决了问题。我的自定义 TextField 中有类似的东西。

val focused = source.collectIsFocusedAsState()
val relocationRequester = remember { RelocationRequester() }
val ime = LocalWindowInsets.current.ime
if (ime.isVisible && focused.value) {
    relocationRequester.bringIntoView()
}
于 2021-06-07T21:29:42.733 回答
1

LazyColumn对于您的情况，使用andLazyListState.animateScrollToItem()而不是似乎Column是一个不错的选择。

参考：https ://developer.android.com/jetpack/compose/lists#control-scroll-position

顺便说一句，感谢您提供有关onGloballyPositioned()修饰符的信息。Column我正在为正常情况寻找解决方案。它为我节省了很多时间！

于 2021-06-03T00:46:08.130 回答