如何在react-native中按下按钮打开网页视图？

import React, { Component } from 'react';
import { View, Button, WebView } from 'react-native';

export default class App extends Component {
  state = {
    showWebView: false,
  };

  openWebView = () => {
    this.setState({ showWebView: true });
  };

  render() {
    if (this.state.showWebView) {
      return (
        <WebView
          source={{ uri: 'https://www.example.com' }} // 替换为你要打开的网页地址
          style={{ flex: 1 }}
        />
      );
    }

    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Button title="打开网页" onPress={this.openWebView} />
      </View>
    );
  }
}

import React from 'react';
import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('YourAppName', () => App);