在世博应用中隐藏工具栏



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

法典:

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

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

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

与往常一样,建议您阅读所用库的文档。

  static navigationOptions = {
    header: null,
  };

相关内容

  • 没有找到相关文章

最新更新