Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 删除搜索栏_Javascript_React Native_Expo_Searchbar - Fatal编程技术网

Javascript 删除搜索栏

Javascript 删除搜索栏,javascript,react-native,expo,searchbar,Javascript,React Native,Expo,Searchbar,我最近一直在与React Native和Expo合作。我需要一个按钮在浏览器中打开一个网站,但搜索栏(顶部)和图标栏也不应该出现。下面是一张图片,让一切都更容易理解: 以下是我使用的代码: import React, { Component } from 'react'; import { Button, Text, View } from 'react-native'; import * as WebBrowser from 'expo-web-browser'; export defaul

我最近一直在与React Native和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 });
  };
}
import React,{Component}来自'React';
从“react native”导入{按钮、文本、视图};
从“世博网络浏览器”导入*作为网络浏览器;
导出默认类应用程序扩展组件{
状态={
结果:空,
};
render(){
返回(
{this.state.result&&JSON.stringify(this.state.result)}
);
}
_handlePressButtonAsync=async()=>{
让结果=等待WebBrowser.openBrowserAsync('https://expo.io');
this.setState({result});
};
}
如中所示,您可以这样隐藏它:

 static navigationOptions = {
    header: null,
  };

如果您要求从SFSafariViewController中删除顶部和底部导航上的url栏,则不可能。本机safari视图控制器应该让用户知道他们在使用熟悉的safari UI的web浏览器上


如果你真的想只显示一个没有控件的网页,只需使用。您可以在任何react native视图上呈现此内容,而不会有导航栏或顶部搜索栏。

您的英语不错,但您可以查看
expo
文档或在此处搜索(堆栈溢出):这是否回答了您的问题?回答正确。向上投票+1