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.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
代码如上:
问题1:列表加载完数据后,需要滚动到底部,使用场景是聊天页面,使用 this.scroller.scrollEdge 和 this.scroller.scrollToIndex ,都没有滚动到底部
问题2:底部有个输入框,获取到焦点时,整个页面被顶上去了,怎么做到顶部控件固定,列表正常滚动显示
HarmonyOS
赞
收藏 0
回答 1
相关问题
HarmonyOS 在自定义dialog中输入框被键盘顶上去
982浏览 • 1回复 待解决
HarmonyOS 输入框如何只把view顶上去而不把整个窗口顶上去?
747浏览 • 1回复 待解决
HarmonyOS 如何让底部的TextInput被软键盘顶上去,而其他内容不会动、不被压缩、不被顶上去
584浏览 • 1回复 待解决
HarmonyOS 如何实现评论区浮层效果?(不希望页面被输入法顶上去)
781浏览 • 1回复 待解决
HarmonyOS 自定义弹窗(CustomDialog)被键盘顶上去
838浏览 • 1回复 待解决
HarmonyOS 输入框聚焦时,底层list组件同时滚动并且输入框被遮挡
781浏览 • 1回复 待解决
Web组件怎么知道滚动到顶部了
1362浏览 • 1回复 待解决
HarmonyOS 键盘把对话框顶上去,导致自定义对话框变形
1005浏览 • 1回复 待解决
页面上的TextInput输入框在页面底部,点击输入框弹起键盘,如何让输入框自动上移到键盘上方,避免被遮挡?
1442浏览 • 1回复 待解决
HarmonyOS 使用Web组件时,输入法将网页顶上去了
538浏览 • 1回复 待解决
HarmonyOS 底部控件随输入法弹起而顶上去,收入法缩回控件回到原位,这个怎么实现?
476浏览 • 1回复 待解决
HarmonyOS WebView 布局带输入框,底部文案被顶起 布局重叠
682浏览 • 1回复 待解决
HarmonyOS webview输入框被遮挡
796浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
1158浏览 • 1回复 待解决
输入框拉起键盘时,如何将底部布局弹起到键盘顶部
3224浏览 • 1回复 待解决
list组件无法滚动到底部
2330浏览 • 1回复 待解决
HarmonyOS web组件中的网页输入框无法被键盘顶起
807浏览 • 1回复 待解决
TextInput输入框如何失去焦点?输入框获取焦点后,点击页面上其他任意地方无法失去焦点,焦点在输入框中
3246浏览 • 1回复 待解决
HarmonyOS Qt子对话框输入框无法输入文字
699浏览 • 1回复 待解决
HarmonyOS webview里的输入框被键盘覆盖
717浏览 • 1回复 待解决
HarmonyOS web中的输入框被键盘遮住
739浏览 • 1回复 待解决
HarmonyOS 自定义弹窗中,点击输入框,弹起键盘,输入框被顶出屏幕了
1664浏览 • 1回复 待解决
HarmonyOS web组件强占输入框焦点,导致输入框光标闪烁但无法输入内容
816浏览 • 1回复 待解决
HarmonyOS 输入框获取焦点后无法弹出
785浏览 • 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