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

Question

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

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

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

有没有办法调整布局，以便当列表为空时，消息仍然显示在底部，并且每添加一条消息，列表会不断消耗它上面的空间？

请帮忙！谢谢！

Answer 1

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

• 如果你使用停靠：'底部'项目，列表会被推上，从未见过。
• 如果你使用间隔符，输入字段会被向上推，但同时屏幕尺寸会减小，因此列表仍然可见。

它的样式

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

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