HarmonyOS Scroller无法滚动到顶部,底部输入框页面被顶上去
@Entry
@Component
struct Index {
@State message: string = 'Hello World';
private list: string[] = []
private scroller = new Scroller()
aboutToAppear(): void {
for (let i = 0; i < 200; i++) {
this.list.push(`选项${i}`)
}
}
build() {
Column() {
Text('我是固定标题')
.fontColor(Color.White)
.backgroundColor(Color.Red)
List({ scroller: this.scroller }) {
ForEach(this.list, (item: string) => {
ListItem() {
Text(item)
.padding(10)
}
})
}
.layoutWeight(1)
.onAppear(() => {
this.scroller.scrollEdge(Edge.Bottom)
this.scroller.scrollToIndex(this.list.length - 1)
this.scroller.scrollToIndex(this.list.length)
})
TextInput()
}
.height('100%')
.width('100%')
}
}
代码如上:
问题1:列表加载完数据后,需要滚动到底部,使用场景是聊天页面,使用 this.scroller.scrollEdge 和 this.scroller.scrollToIndex ,都没有滚动到底部
问题2:底部有个输入框,获取到焦点时,整个页面被顶上去了,怎么做到顶部控件固定,列表正常滚动显示
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 输入框如何只把view顶上去而不把整个窗口顶上去?
440浏览 • 1回复 待解决
HarmonyOS 在自定义dialog中输入框被键盘顶上去
447浏览 • 1回复 待解决
HarmonyOS 如何让底部的TextInput被软键盘顶上去,而其他内容不会动、不被压缩、不被顶上去
190浏览 • 1回复 待解决
HarmonyOS 如何实现评论区浮层效果?(不希望页面被输入法顶上去)
471浏览 • 1回复 待解决
HarmonyOS 自定义弹窗(CustomDialog)被键盘顶上去
467浏览 • 1回复 待解决
Web组件怎么知道滚动到顶部了
1050浏览 • 1回复 待解决
HarmonyOS 使用Web组件时,输入法将网页顶上去了
218浏览 • 1回复 待解决
HarmonyOS 输入框聚焦时,底层list组件同时滚动并且输入框被遮挡
328浏览 • 1回复 待解决
HarmonyOS 键盘把对话框顶上去,导致自定义对话框变形
480浏览 • 1回复 待解决
页面上的TextInput输入框在页面底部,点击输入框弹起键盘,如何让输入框自动上移到键盘上方,避免被遮挡?
905浏览 • 1回复 待解决
HarmonyOS 底部控件随输入法弹起而顶上去,收入法缩回控件回到原位,这个怎么实现?
192浏览 • 1回复 待解决
HarmonyOS webview输入框被遮挡
385浏览 • 1回复 待解决
HarmonyOS WebView 布局带输入框,底部文案被顶起 布局重叠
343浏览 • 1回复 待解决
list组件无法滚动到底部
1681浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
730浏览 • 1回复 待解决
输入框拉起键盘时,如何将底部布局弹起到键盘顶部
2719浏览 • 1回复 待解决
HarmonyOS web组件中的网页输入框无法被键盘顶起
393浏览 • 1回复 待解决
TextInput输入框如何失去焦点?输入框获取焦点后,点击页面上其他任意地方无法失去焦点,焦点在输入框中
2660浏览 • 1回复 待解决
HarmonyOS Qt子对话框输入框无法输入文字
333浏览 • 1回复 待解决
HarmonyOS webview里的输入框被键盘覆盖
364浏览 • 1回复 待解决
HarmonyOS web中的输入框被键盘遮住
402浏览 • 1回复 待解决
HarmonyOS 自定义弹窗中,点击输入框,弹起键盘,输入框被顶出屏幕了
985浏览 • 1回复 待解决
HarmonyOS web组件强占输入框焦点,导致输入框光标闪烁但无法输入内容
358浏览 • 1回复 待解决
HarmonyOS 用Scroller不能把List滑动到最底部?
247浏览 • 1回复 待解决
问题一:可以使用 initialIndex: this.list.length - 1 。如下:
问题二:可以通过设置windowStage.getMainWindowSync().getUIContext().setKeyboardAvoidMode(KeyboardAvoidMode.RESIZE)来解决,具体内容请看:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-expand-safe-area-V5#getkeyboardavoidmode