如何在 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)和可滚动选项卡?