diff --git a/pages.json b/pages.json
index 3d3004afbbb47e51543a7ea40536ebec9c6d92ef..842f5b9f0cbaabf750bf175a33d0f3e44d989918 100644
--- a/pages.json
+++ b/pages.json
@@ -1379,6 +1379,13 @@
         "navigationBarTitleText": "nested-scroll-body"
       }
     },
+    {
+      "path": "pages/component/list-view/issue-2199",
+      "style": {
+        "navigationBarTitleText": "issue-2199",
+        "enablePullDownRefresh": false
+      }
+    },
     // #ifdef APP || WEB
     {
       "path": "pages/API/request-payment/request-payment",
diff --git a/pages/component/list-view/issue-2199-item.uvue b/pages/component/list-view/issue-2199-item.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..75e3207942b7d5a2b8bd1b20c1f78615987eee9f
--- /dev/null
+++ b/pages/component/list-view/issue-2199-item.uvue
@@ -0,0 +1,22 @@
+<template>
+  <list-item>
+    <slot></slot>
+  </list-item>
+</template>
+
+<script>
+  export default {
+    name: 'Item',
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style>
+</style>
diff --git a/pages/component/list-view/issue-2199.test.js b/pages/component/list-view/issue-2199.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..eec53ee0f890e878e7c1fcc7ff68b009c8fe1e75
--- /dev/null
+++ b/pages/component/list-view/issue-2199.test.js
@@ -0,0 +1,15 @@
+describe('issue-2199', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch('/pages/component/list-view/issue-2199')
+    await page.waitFor(600)
+  })
+
+  it('screenshot', async () => {
+    const image = await program.screenshot({
+      fullPage: true
+    });
+    expect(image).toSaveImageSnapshot();
+  })
+
+})
diff --git a/pages/component/list-view/issue-2199.uvue b/pages/component/list-view/issue-2199.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..9794072f24e1f1f9ef137c705d70172eada1ece1
--- /dev/null
+++ b/pages/component/list-view/issue-2199.uvue
@@ -0,0 +1,42 @@
+<template>
+  <view>
+    <list-view>
+      <list-item>
+        <view class="title">
+          1
+        </view>
+      </list-item>
+      <Item>
+        <view class="title">
+          2
+        </view>
+      </Item>
+    </list-view>
+  </view>
+</template>
+
+<script>
+  import Item from './issue-2199-item.uvue'
+
+  export default {
+    components: {
+      Item
+    },
+    data() {
+    },
+    onLoad() {
+
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style>
+  .title {
+    text-align: center;
+    justify-content: center;
+    align-items: center;
+  }
+</style>