【背景知识】

• 在移动设备上，由于输入法通常固定在屏幕下半段，应用可通过setKeyboardAvoidMode方法设置键盘抬起时页面的避让模式。
• KeyboardAvoidMode配置键盘避让页面的避让模式，其中KeyboardAvoidMode.RESIZE表示压缩模式

【问题定位】

用户触发软键盘弹出后，顶部导航栏不固定需要从组件使用的正确性和软键盘的使用正确性方面进行检查。

1. 查看列表内容的滚动和文本输入框组件是否使用正确。
2. 查看键盘抬起后是否正确配置键盘避让模式。

【分析结论】

根据定位思路，进行如下操作：

1. 排查组件使用是否正确：首先需要排查组件是否使用正确。如：列表的实现需要使用List组件实现。列表的内容滚动需要使用ListOptions参数。文本输入框TextInput用于响应用户的输入操作。
2. 配置键盘避让模式：排查基础组件正确使用后，本示例未正确配置键盘避让模式，从而导致软键盘弹出后顶部控件无法固定。

【修改建议】

解决软键盘弹出后顶部控件无法固定的问题，可以通过setKeyboardAvoidMode来配置虚拟键盘弹出时，页面的避让模式为压缩模式。

import { KeyboardAvoidMode } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  private list: string[] = []
  private scroller = new Scroller()

  aboutToAppear(): void {
    for (let i = 0; i < 200; i++) {
      this.list.push(`选项${i}`)
    }
    this.getUIContext().setKeyboardAvoidMode(KeyboardAvoidMode.RESIZE) // 设置键盘避让模式
  }

  build() {
    Column() {
      Text('我是固定标题')
        .fontColor(Color.White)
        .backgroundColor('#0A59F7')
      List({ scroller: this.scroller, initialIndex: this.list.length - 1 }) {
        ForEach(this.list, (item: string) => {
          ListItem() {
            Text(item)
              .padding(10)
          }
        })
      }.layoutWeight(1)

      TextInput()
    }.height('100%').width('100%')
  }
}