在 expo 应用程序中隐藏工具栏

Question

如何在 expo react 本机应用程序中隐藏工具栏？虽然我已经将它添加到 Header 标签中。我附上了代码和截图。

代码：

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',
  },
});

This is a screenshot of what I am presently get from this code. I want a way to remove the top toolbar

Expected toolbar after adding search bar tag in the header tag

Answer 1

一如既往，建议阅读您使用的库的文档。

  static navigationOptions = {
    header: null,

  };

在 expo 应用程序中隐藏工具栏

Hide toolbar in expo app

javascript

react-native

expo