删除搜索栏

问题描述

我正在与EXPO合作，我想删除搜索栏。你们知道怎么做吗？对不起，我的英语不好。我的代码：

import React,{ Component } from 'react';
import { Button,Text,View } from 'react-native';
import * as Webbrowser from 'expo-web-browser';

export default class App extends Component {
  state = {
    result: null,};

  render() {
    return (
      <View>
        <Button title="Open Webbrowser" onPress={this._handlePressButtonAsync} />
        <Text>{this.state.result && JSON.stringify(this.state.result)}</Text>
      </View>
    );
  }

  _handlePressButtonAsync = async () => {
    let result = await Webbrowser.openbrowserAsync('https://expo.io');
    this.setState({ result });
  };
}

谢谢

解决方法

如果您要求从 SFSafariViewController 中删除顶部和底部导航中的 url-bar，则 不可能。原生 safari-view-controller 应该让用户知道他们正在使用熟悉的 safari UI 浏览器。

如果您真的只想显示没有控件的网页，只需使用 react-native-webview。您可以在任何 react-native 视图上呈现它，并且不会有导航栏或顶部搜索栏。

,

如documentation所示，您可以这样隐藏它：

 static navigationOptions = {
    header: null,};