如何在 react native 中实现 Twitter 个人资料屏幕的 UX,可折叠标题(Sticky TabBar)和可滚动选项卡?

Posted

技术标签:

【中文标题】如何在 react native 中实现 Twitter 个人资料屏幕的 UX,可折叠标题(Sticky TabBar)和可滚动选项卡?【英文标题】:How can I implement the UX of Twitter's Profile screen in react native,collapsible header (Sticky TabBar) with scrollable tabs? 【发布时间】:2020-05-09 07:31:02 【问题描述】:

我尝试了react-navigation-collapsible,但由于react-native#21801,它不支持标签

类似问题Animating a single View based on multiple ScrollView(s)

React native animation scrollview onScroll event not working with external method

【问题讨论】:

【参考方案1】:

您可以使用这个在标题中添加标签。

https://github.com/netguru/sticky-parallax-header

可以这样实现。

https://snack.expo.io/@waheed25/89a9dc

你可以关注这个。

https://medium.com/@andi.gu.ca/a-collapsing-navbar-with-tabs-in-react-native-e80790588830

【讨论】:

以上是关于如何在 react native 中实现 Twitter 个人资料屏幕的 UX,可折叠标题(Sticky TabBar)和可滚动选项卡?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 java 后端在 react-native 中实现消息传递服务?

如何在 React Native 中实现 Google 地图以在 Web、Android 和 iOS 上运行?

如何使用 rnfirebase 动态链接和身份验证模块 v6 在 React Native 中实现 signInWithEmailLink

如何在带有 React Native Text 的 Android 中实现软连字符

如何在 react native 中实现 Twitter 个人资料屏幕的 UX,可折叠标题(Sticky TabBar)和可滚动选项卡?

我们可以使用 React Native 在 jitsi meet 中实现“屏幕截图”功能吗