Javascript 删除搜索栏
我最近一直在与React Native和Expo合作。我需要一个按钮在浏览器中打开一个网站,但搜索栏(顶部)和图标栏也不应该出现。下面是一张图片,让一切都更容易理解: 以下是我使用的代码: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
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