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顶上去而不把整个窗口顶上去?
195浏览 • 1回复 待解决
HarmonyOS 如何实现评论区浮层效果?(不希望页面被输入法顶上去)
273浏览 • 1回复 待解决
Web组件怎么知道滚动到顶部了
845浏览 • 1回复 待解决
页面上的TextInput输入框在页面底部,点击输入框弹起键盘,如何让输入框自动上移到键盘上方,避免被遮挡?
350浏览 • 1回复 待解决
HarmonyOS WebView 布局带输入框,底部文案被顶起 布局重叠
8浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
374浏览 • 1回复 待解决
输入框拉起键盘时,如何将底部布局弹起到键盘顶部
2292浏览 • 1回复 待解决
list组件无法滚动到底部
1270浏览 • 1回复 待解决
HarmonyOS 自定义弹窗中,点击输入框,弹起键盘,输入框被顶出屏幕了
293浏览 • 1回复 待解决
TextInput输入框如何失去焦点?输入框获取焦点后,点击页面上其他任意地方无法失去焦点,焦点在输入框中
2273浏览 • 1回复 待解决
如何解决Web页面输入框拉起键盘后,页面头部被截断的问题
2267浏览 • 1回复 待解决
如何实现Web组件滚动与页面顶部/底部判断?
1057浏览 • 1回复 待解决
HarmonyOS 监听输入框删除键
184浏览 • 1回复 待解决
HarmonyOS 输入框不显示内容
16浏览 • 1回复 待解决
HarmonyOS dialog中有输入框的话,那么点击 dialog 中的输入框,键盘弹出问题
624浏览 • 1回复 待解决
HarmonyOS 仿AppBarLayout吸附使用Scroll滚动到顶时出现抖动问题
15浏览 • 1回复 待解决
鸿蒙里的状态栏,是否支持点击可以自动滚动当前页面列表到顶部?
217浏览 • 0回复 待解决
HarmonyOS 输入框支持焦点光标颜色修改
20浏览 • 1回复 待解决
HarmonyOS 自定义键盘不能顶起输入框
350浏览 • 1回复 待解决
如何判断Web滑动到了顶部/底部,并且把滑动事件传递给原生页面
2109浏览 • 1回复 待解决
HarmonyOS window底部非安全区域无法正常获取,可正常获取到顶部非安全区域
247浏览 • 1回复 待解决
HarmonyOS swiper如何滚动到任意页面?
461浏览 • 1回复 待解决
HarmonyOS 多输入框切换键盘后,光标错乱
418浏览 • 1回复 待解决
如何清空文本输入框的内容
783浏览 • 1回复 待解决
HarmonyOS 如何监听Web加载的h5页面滚动到了最底部?
265浏览 • 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