React Native下拉选项卡

时间:2019-10-24 11:08:50

标签: javascript react-native navigation navigation-drawer bottom-sheet

编辑

在线阅读更多内容并与外观进行比较后,看来我基本上需要一个底部抽屉(例如Spotify的抽屉),但顶部却需要一个抽屉。但是,我找不到顶部抽屉-只有底部和侧面的抽屉。有提示吗?

原始帖子:

我有一个自定义的标头元素,它在一个小栏中呈现。当前,该栏是一个可触摸的不透明性,单击时可导航到特定页面。该头文件被加载到多个页面中。这种交互方式需要更改,因此除了可以单击之外,您还可以下拉(拉动,按住并向下滑动)和页面渲染(类似于React Native抽屉导航器)。

页面不能停留一半。当您滑过某个点时,它会延伸到整个页面。否则,它会跳回(同样,类似于抽屉导航器)。

向下滑动时,下拉栏消失,而您只需在页面底部向上滑动即可(可以通过更改我假定的样式来实现),或单击(单独的)按钮。

我尝试在下面的图片中对此进行可视化。

design

我在网上看过,但似乎找不到我想要的东西。是否已经存在执行此操作的东西,或者我将如何实施类似的东西?

0 个答案:

没有答案