有没有办法为本机反应提供固定且永久的顶部标题栏(我认为它被称为标题?)?
几乎就像状态栏一样,它始终存在。但它需要位于顶部(甚至在反应导航的“标题”之前)
我的计划是在那里放置一个全局搜索输入,这样您就可以在应用程序的任何位置进行搜索(搜索内容不受当前显示的屏幕的影响。纯全局搜索始终可用。)
有没有办法做到这一点?我目前正在与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(使用前将#替换为@)