Git Product home page Git Product logo

Comments (16)

A-ANing avatar A-ANing commented on July 22, 2024

然后,滑动tab的时候,上部分的模块会有0.几秒的延迟,视觉上看着就有点难受,特别是在刚滑动,和结束滑动。

下面是gif图,只有tab1和tab2做了判断

1565082350751

特意来请教下,挺感谢你的,起初我也想到用position上部分的模块结合动画,但就是抖动得特别厉害,我就放弃了,没想到是react-native-scrollable-tab-view自带的导航栏的问题。我也试过rn-collapsing-tab-bar,还有nativeBase这个UI库,发现不是重新加载了,就是无法保持每个tab内容的高度,google,百度然后就到你这来了。
非常感谢。

from gakki.

shuiRong avatar shuiRong commented on July 22, 2024
  1. 「向上滑动第一个 tab 的内容后,切换到第二个 tab,第二个 tab 的高度还在原来的位置,但是上面的部分就跑到了 tab 滑动后的位置(这是应该的),然后第二个 tab 的内容上面就有一节空白位置」这个问题我也没有解决,写这一块的时候也没想到改如何解决。
  2. 「用 position 上部分的模块结合动画,但就是抖动得特别厉害」。我这么实现后,也发现,如果上面那个tabBarHeight越大,最后动画表现的就越抖动,所以我找了一个中间较平衡的值。
  3. 你提到的那几个库我都试过了,包括nativeBase。最后发现还是得自己实现。否则连正常使用都难,而不仅是抖动问题了。

from gakki.

A-ANing avatar A-ANing commented on July 22, 2024

@shuiRong 感谢你的回复噢,看来你找到公司了,面试加油。
如果以后你有更好的tab吸顶方案记得更新哦。我觉得这种布局太常见了,目前一大半的app都有这种布局,美团外卖,简书,淘宝(电商平台都有),大众点评,B站······ 基本都有。

from gakki.

Anne-Tao avatar Anne-Tao commented on July 22, 2024

@ngxu 请教你是怎么做的,我 rn-collapsing-tab-bar也看到你提了issue

from gakki.

A-ANing avatar A-ANing commented on July 22, 2024

@Anne-Tao 你好,我就是通过博主说的方法实现的,自定义tab导航栏,把顶部模块加进去,滑动监听,配合动画。你可以看看他的项目

from gakki.

A-ANing avatar A-ANing commented on July 22, 2024

@Anne-Tao 目前存在我上面说的一些问题,不好处理。 也找不到能实现tab吸顶 能够不重新加载,保持滑动高度状态的方法了

from gakki.

Anne-Tao avatar Anne-Tao commented on July 22, 2024

@ngxu 可以加个联系方式吗,刚学rn,博主的方法我没看懂。

from gakki.

shuiRong avatar shuiRong commented on July 22, 2024

@ngxu 有打算花几天好好研究下解决方案,整一个开源项目出来,搞出来后通知下你。(不过不知道何时能开始...)

from gakki.

Anne-Tao avatar Anne-Tao commented on July 22, 2024

@shuiRong 能加个联系方式,请教下吗,你那个自定义的没看懂。

from gakki.

shuiRong avatar shuiRong commented on July 22, 2024

@Anne-Tao ok,我加你QQ了

from gakki.

Anne-Tao avatar Anne-Tao commented on July 22, 2024

@shuiRong 有空指导下吧,卡了挺长了 QQ 569384652

from gakki.

shuiRong avatar shuiRong commented on July 22, 2024

@Anne-Tao 我已经申请添加好友了...但我这边发送消息的话,显示“发送失败”。我把我的QQ号码发你QQ邮箱,你来加我好了。

from gakki.

qianqianguo avatar qianqianguo commented on July 22, 2024

可惜iOS的吸顶Tabbar不可以

from gakki.

shuiRong avatar shuiRong commented on July 22, 2024

@qianqianguo 我之前没iPhone,所以没怎么关注iOS的效果 🤣

from gakki.

memorybx avatar memorybx commented on July 22, 2024

你好:楼主,有gif的源码吗?参考一下。运行你的项目,没运行起来。relaod一直加载不了。

from gakki.

yanhongchang-1105 avatar yanhongchang-1105 commented on July 22, 2024

现在有解决方案了吗

from gakki.

Related Issues (13)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.