在世博会应用程序中隐藏工具栏

2022-01-23 00:00:00 javascript react-native expo

如何在 expo react 本机应用程序中隐藏工具栏.?虽然我已将其添加到 Header 标记中.我已附上代码和屏幕截图.

How do I hide the toolbar in an expo react native application.? Though I have added it in the Header tag. I have attached the code as well as the screenshot.

代码:

import React from 'react';
import { ScrollView, StyleSheet } from 'react-native';
import { Container, Header, Item, Input, Icon, Button, Text } from 'native-base';

export default class ScreenScreen extends React.Component {
  static navigationOptions = {
    title: 'Search',

  };

  render() {
    return (
      <Container>
    <Header searchBar rounded>
      <Item>
        <Icon name="ios-search" />
        <Input placeholder="Search anything.." />
        <Icon name="ios-people" />
      </Item>
      <Button transparent>
        <Text>Search</Text>
      </Button>
    </Header>
  </Container>
);
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: 15,
    backgroundColor: '#fff',
  },
});

这是我目前从这段代码中得到的截图.我想要一种删除顶部工具栏的方法

在标题标签中添加搜索栏标签后的预期工具栏

推荐答案

一如既往,建议阅读您使用的库的文档.

As always, recommend reading documentation of the libraries you use.

  static navigationOptions = {
    header: null,

  };

相关文章