Add props onLoad and onLoadEnd like webview

Author: thiszhong

lib/Canvas.js

@@ -14,7 +14,9 @@ var Canvas = createReactClass({
  propTypes: {
  style: PropTypes.object,
  context: PropTypes.object,
- render: PropTypes.func.isRequired
+ render: PropTypes.func.isRequired,
+ onLoad: PropTypes.func,
+ onLoadEnd: PropTypes.func,
  },
 
  render() {
@@ -32,6 +34,8 @@ var Canvas = createReactClass({
  style={this.props.style}
  javaScriptEnabled={true}
  scrollEnabled={false}
+ onLoad={this.props.onLoad}
+ onLoadEnd={this.props.onLoadEnd}
  />
  </View>
  );

lib/QRCode.js

@@ -53,6 +53,8 @@ var QRCode = createReactClass({
  size: PropTypes.number,
  bgColor: PropTypes.string,
  fgColor: PropTypes.string,
+ onLoad: PropTypes.func,
+ onLoadEnd: PropTypes.func,
  },
 
  getDefaultProps: function() {
@@ -61,6 +63,8 @@ var QRCode = createReactClass({
  fgColor: 'white',
  bgColor: 'black',
  size: 128,
+ onLoad: () => {},
+ onLoadEnd: () => {},
  }
  },
 
@@ -98,6 +102,8 @@ var QRCode = createReactClass({
  cells: qr(value).modules,
  }}
  render={renderCanvas}
+ onLoad={this.props.onLoad}
+ onLoadEnd={this.props.onLoadEnd}
  style={{height: size, width: size}}
  />
  </View>