react-native - 如何在 react-native-webview 中滚动

Question

我正在尝试使用 react-native-webview 滚动反应原生应用程序。单击图标后，它应该滚动到顶部：这是我的尝试：

import React, { Component } from 'react';
import { WebView } from 'react-native-webview';
import {AntDesign} from "@expo/vector-icons";
import {TouchableOpacity, Text} from "react-native";

class MyWeb extends Component {
  webview = null;
  render() {
    return (
      <>
        <WebView
          source={{ uri: 'https://infinite.red' }}
          style={{ marginTop: 20 }}
          ref={(ref) => (this.webview = ref)}
        />
        
        <AntDesign
          name="caretup"
          onPress={()=> {
            this.webview.current.scrollTo({top: 0, left: 0})
          }}
        />
      </>
      
    );
  }
}
export default MyWeb;

标签： react-nativereact-native-webview