Sencha Touch中的聊天式列表视图

Question

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

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

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

有没有办法调整布局，这样当列表为空时，消息仍然显示在底部，并且添加了每一条消息，列表就会继续占用上面的空间？

请帮忙！谢谢

Answer 1

在列表和输入部分之间添加一个空格。

• 如果您使用停靠的："底部"项目，则列表会向上推，显示"再也没有见过"
• 如果使用间隔符，输入字段会向上推，但同时屏幕大小会减小，因此列表仍然可见

将其设置为类似

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

一旦你得到了太多的项目，你可以切换到一个列表。