如何解决ListView滚动问题

Question

我正在尝试在屏幕底部太短的区域中的列表视图中显示数据。 添加更多项目后，我尝试滚动它，但不起作用，我将整个布局置于滚动视图下，但listview仍未滚动。

var matchedItem = res.find(function (menuItem) {
 return menuItem.category === category;
})
if(matchedItem){
   output = `
                    <article class="menu-item">
                      <img src="${matchedItem.img}" alt="${matchedItem.title}" class="photo" />
                      <div class="item-info">
                        <header>
                          <h4>${matchedItem.title}</h4>
                          <h4 class="price">${matchedItem.price}</h4>
                        </header>
                        <p class="item-text">${matchedItem.desc}</p>
                      </div>
                    </article>
                `;
}