0

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

此列表位于顶部具有工具栏和底部具有文本字段的视图内。外部布局为 vbox，列表设置为 flex: 1。

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

有没有办法调整布局，当列表为空时，消息仍显示在底部，并且添加每条消息后，列表将继续占用其上方的空间？

请帮忙！谢谢！

4

1 回答 1

0

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

  • 如果您使用停靠的：'bottom' 项目，则该列表将被向上推，再也见不到了。
  • 如果您使用分隔符，则输入字段会向上推，但同时屏幕尺寸会减小，因此列表仍然可见。

将其风格化

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

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

于 2014-09-19T13:58:05.600 回答