图鸟ui的tn-list-view怎么使用

图鸟 UI (Tuio UI) 的 `tn-list-view` 是一款用于展示列表数据的组件，通常用于手机应用或网页中需要分页浏览的内容。以下是基本的使用步骤：

1. **安装依赖**:
首先确保你已经在项目中引入了图鸟 UI 库。如果是使用 npm，可以在 `package.json` 中添加依赖项，然后运行 `npm install tui-mobile`。

2. **导入并创建组件**:

   import { tnListView } from 'tui-mobile';
   const listView = new tnListView('#listViewContainer');

这里假设有一个 HTML 元素 ID 为 "listViewContainer" 作为列表容器。

3. **初始化配置**:
可以设置初始的数据源、样式等属性：

   const dataSource = [
     { title: 'Item 1', content: '这是第一个条目' },
     ... // 更多数据项
   ];
   listView.data(dataSource);

4. **事件监听和交互**:
添加滚动、点击等事件处理程序：

   listView.addEventListener('scrollEnd', function() {
     console.log('滚动结束');
   });

   listView.on('itemTap', function(itemData) {
     console.log(`点击了第 ${itemData.index} 项，内容：${itemData.content}`);
   });

5. **显示和更新列表**:
调用 `render()` 方法来渲染列表，如果数据有变化，可以使用 `reloadData()` 来刷新内容。

listView.render();