Sencha Touch中類似聊天的列表視圖

Question

我有一個排序列表，使最近的項目顯示在底部，就像聊天窗口一樣，最近的消息通常顯示在底部。

該列表位於頂部有一個工具欄，底部有一個文本區的視圖中。外部佈局是vbox和列表設置爲flex：1.

我遇到的問題是，當列表爲空時，如果我鍵入消息，它會出現在空列表的頂部。在我的設備上，當我打開觸摸鍵盤時，整個視圖被推高，而我看不到剛輸入的信息。只要列表中有足夠的消息填充頂部工具欄和底部文本字段之間的空間，該問題就會自行解決，因爲當我輸入消息時，它會彈出到列表底部而不是頂部。

有沒有一種方法來調整佈局，使得當列表爲空時，消息仍然出現在底部，並且每添加一條消息，列表都會繼續消耗上面的空間？

請幫忙！謝謝！

Answer 1

在列表和輸入部分之間添加一個間隔。

• 如果您使用了停靠：「底部」項目，則該列表被推上去再也看不到了。
• 如果您使用間隔器進行操作，輸入字段會上移，但同時屏幕尺寸會縮小，因此列表仍然可見。

風格它像

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

一旦你得到了太多的項目，你可以切換到列表中。