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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› React

这是一个创建于 2121 天前的主题，其中的信息可能已经有所发展或是发生改变。

在项目中使用 tabs 和 pulltorefresh 遇到问题，当我左右滑动 tabs 过程中下拉会出现👆图片中的问题，而先下拉再左右滑动会被阻止是正常的，求问各位大侠这种改如何判断？附上代码和页面 html 图片，我本来是想获取滑动过程的 translate3d 的值来做判断，如果改变了就阻止下拉。

1 条回复 • 2019-01-25 11:40:30 +08:00

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>
);