Ios Sencha Touch中类似聊天的列表视图

Ios Sencha Touch中类似聊天的列表视图,ios,extjs,sencha-touch,sencha-touch-2.3,Ios,Extjs,Sencha Touch,Sencha Touch 2.3,我有一个被排序的列表,最新的项目显示在底部,就像聊天窗口一样,其中最新的消息通常显示在底部 此列表位于一个视图中,该视图顶部有一个工具栏,底部有一个文本字段。外部布局为vbox,列表设置为flex:1 我遇到的问题是,当列表为空时,如果我键入消息,它将显示在空列表的顶部。在我的设备上,当我打开触摸键盘时,整个视图被向上推,而我看不到刚才输入的消息。只要列表中有足够的消息填充顶部工具栏和底部文本字段之间的空间,问题就会自行解决,因为当我输入消息时,它会在列表底部而不是顶部弹出 是否有办法调整布局,

我有一个被排序的列表,最新的项目显示在底部,就像聊天窗口一样,其中最新的消息通常显示在底部

此列表位于一个视图中,该视图顶部有一个工具栏,底部有一个文本字段。外部布局为vbox,列表设置为flex:1

我遇到的问题是,当列表为空时,如果我键入消息,它将显示在空列表的顶部。在我的设备上,当我打开触摸键盘时,整个视图被向上推,而我看不到刚才输入的消息。只要列表中有足够的消息填充顶部工具栏和底部文本字段之间的空间,问题就会自行解决,因为当我输入消息时,它会在列表底部而不是顶部弹出

是否有办法调整布局,使列表为空时,消息仍显示在底部,并且随着每一条消息的添加,列表将继续占用其上方的空间


请帮忙!谢谢

在列表和输入部分之间添加一个间隔符

  • 如果您使用停靠的:'底部'项,则列表将向上推一个“再也看不到”项
  • 如果使用间隔符,输入字段会向上推,但同时屏幕大小会减小,因此列表仍然可见
风格像

items: [
    {
        xtype: 'dataview',
        scrollable: false,
    },
    {
        xtype: 'spacer'
    },
    {
        xtype: 'textfield',
        docked: 'bottom'
    }
]

一旦您获得的项目太多,您可以切换到列表。

您能详细说明一下吗?