React Native:加载状态下的WebView回调

时间:2017-12-29 05:05:52

标签: react-native

是否可以获得网站加载状态的回调(例如:0%到100%)。我的目的是在用户打开链接时显示水平进度条。

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

class MyWeb extends Component {
  render() {
    return (
      <WebView
        source={{uri: 'https://github.com/facebook/react-native'}}
        style={{marginTop: 20, width:200, height: 200}}
        newcallback={(percentage)=>{.......}}
      />
    );
  }
}

1 个答案:

答案 0 :(得分:0)

你需要绑定你的回调方法:

class MyWeb extends Component {
  render() {
    return (
      <WebView
        source={{uri: 'https://github.com/facebook/react-native'}}
        style={{marginTop: 20, width:200, height: 200}}
        newcallback={(percentage)=>{.......}}.**bind(this)**
      />
    );
  }
}