React-Native Expo:如何保持应用程序标签栏在应用程序内浏览器上显示?

时间:2019-03-16 22:34:20

标签: react-native expo

我正在使用Expo选项卡应用程序和Expo WebBrowser。 我要完成的是保持应用程序内浏览器在选项卡内保持打开状态而不是在弹出模式下,因此选项卡栏保持可见,您将能够打开另一个选项卡并单击浏览器选项卡以从其他位置继续你离开了。

我当前的代码

import React, { Component } from 'react';
import { Button, Text, View, StyleSheet } from 'react-native';
import { Constants, WebBrowser } from 'expo';

export default class LinksScreen extends React.Component {
  state = {
    result: null
  };

  render () {
    return (
      <View style={styles.container}>
        <Button
          style={styles.paragraph}
          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 });
  };
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1'
  }
});

0 个答案:

没有答案