ViewPager支持自定义组件



  • 先描述一下需求:App登录之后有四个主界面,在屏幕最下方有一个导航栏,可以点击导航栏的图标切换tab页面(和微信一个意思),现在客户要求可以用手势滑动来控制tab的切换。

    目前用的是Navigator,可以支持返回的滑动,但不支持滑动到下一页,而且滑动是执行的pop方法,往回的是上一个页面而不是跳转到相邻的tab页面(比如用户登录之后处于tab1,点击导航栏跳到了tab3页面,此时从左端往右滑应该是跳转到tab2,但实际是返回到了tab1);

    尝试ViewPager有两个问题,不支持ios,以及只能放单一的view,多个子view布局会出现混乱,而且有一个页面中有图片+webview,布局问题没办法解决;

    尝试ScrollView,可以实现横向分页滚动,但ScrollView的滑动太随意,随便在屏幕中间往左右稍微滑动一点就可以达到翻页效果,容易出现误操作,理想的应该是从屏幕边缘开始滑,并保证一定的滑动距离才能视为翻页手势。

    想求一个类似ViewPager且支持复合组件的组件,或者让Navigator的手势支持自定义行为。



  • 最近也在实现ViewPager相关功能,用的是第三方库react-native-scrollable-tab-view,不懂能不能解决你的问题


登录后回复