是否有用于本机反应的“固定标头”或“粘性标头”?

2024-01-25

有没有办法为本机反应提供固定且永久的顶部标题栏(我认为它被称为标题?)?

几乎就像状态栏一样,它始终存在。但它需要位于顶部(甚至在反应导航的“标题”之前)

我的计划是在那里放置一个全局搜索输入,这样您就可以在应用程序的任何位置进行搜索(搜索内容不受当前显示的屏幕的影响。纯全局搜索始终可用。)

有没有办法做到这一点?我目前正在与expo 和react-navigation 合作。

--- Edit

我添加了线框的屏幕截图来显示我的意思。您会注意到,无论您在哪个屏幕上,搜索栏都会保持在顶部。这是一个全局搜索栏。

-- Edit

我想我有必要把这一点说清楚。我正在尝试这样做反应导航。我想我需要使用“createAppContainer”或任何创建导航器函数(如“createDrawerNavigator”),并找出一种方法来将固定标题与可导航屏幕一起放入。


React Native 的组件FlatList https://facebook.github.io/react-native/docs/flatlist.html有财产ListHeaderComponent用于渲染一个标题和另一个以粘贴它stickyHeaderIndices。这正是您所需要的。

In the ListHeaderComponent您将呈现您的搜索字段并使用stickyHeaderIndices={[0]}将其设置为粘性标头:

<FlatList
    data={ this.state.data }
    renderItem={({item}) =>  this.renderItem(item)}
    ListHeaderComponent={this.renderHeader}
    stickyHeaderIndices={[0]}
/>

检查工作情况example https://snack.expo.dev/@hristoeftimov/fixed-searchfield.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

是否有用于本机反应的“固定标头”或“粘性标头”? 的相关文章

随机推荐