使用 antd-mobile 中 tabs 和 pulltorefresh 的问题

2019-01-25 11:36:22 +08:00
 shuangshuangda
在项目中使用 tabs 和 pulltorefresh 遇到问题,当我左右滑动 tabs 过程中下拉会出现👆图片中的问题,而先下拉再左右滑动会被阻止是正常的,求问各位大侠这种改如何判断?附上代码和页面 html 图片,我本来是想获取滑动过程的 translate3d 的值来做判断,如果改变了就阻止下拉。
3316 次点击
所在节点    React
1 条回复
shuangshuangda
2019-01-25 11:40:30 +08:00
上传不了图片,那我就文字说明吧。问题就是我使用了 antd-mobile 中的 tabs 和 pulltorefresh 组件,当我左右滑动 tabs 的时候还能下拉,这就导致了全部 tabs 页面都可以下拉,不符合正常。代码
render() {
const tabs = [
{ title: '1st Tab', component: <BodyElement /> },
{ title: '2nd Tab', component: <BodyElement /> },
{ title: '3rd Tab', component: <BodyElement /> },
];

return (
<Tabs
tabs={tabs}
swipeable={true}
distanceToChangeTab={0.5}
useOnPan={true}
onTabClick={(tab, index) => { console.log(tab, index) }}
onChange={() => { console.log('222') }}
renderTabBar={props =>
<Tabs.DefaultTabBar {...props}
page={tabs.length}
/>
}
>
{tabs.map(item => {
return (
item.component
)
})}
</Tabs>
);

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/530519

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX