fix: webview ref issue

Author: wangdicoder

lib/webview.js

@@ -4,7 +4,7 @@ import WebView from 'react-native-webview';
 import PropTypes from 'prop-types';
 import LoadingBar from "./loading-bar";
 
-export default class ProgressBarWebView extends React.PureComponent {
+class ProgressBarWebView extends React.PureComponent {
 
 	static propTypes = {
 		height: PropTypes.number,
@@ -61,12 +61,13 @@ export default class ProgressBarWebView extends React.PureComponent {
 	}
 
 	render() {
-		const { height } = this.props;
+		const { height, forwardedRef } = this.props;
 		const { percent, color, visible } = this.state;
 		return (
 			<View style={styles.container}>
 				{visible && <LoadingBar height={height} color={color} percent={percent}/>}
 				<WebView
+					ref={forwardedRef}
 					onLoadStart={this._onLoadStart}
 					onLoadEnd={this._onLoadEnd}
 					onLoadProgress={this._onLoadProgress}
@@ -84,3 +85,7 @@ const styles = StyleSheet.create({
 		position: 'relative',
 	},
 });
+
+export default React.forwardRef((props, ref) => (
+	<ProgressBarWebView {...props} forwardedRef={ref}/>
+));

package.json

@@ -1,10 +1,10 @@
 {
   "name": "react-native-progress-webview",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "React Native Progress WebView is a wrapper of React Native WebView to provide the loading status.",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "jest"
   },
   "keywords": [
     "react",

test/__snapshots__/loading-bar.test.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LoadingBar Rendering should match to snapshot 1`] = `ShallowWrapper {}`;

test/loading-bar.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import {shallow} from 'enzyme';
+import LoadingBar from '../lib/loading-bar';
+
+describe('LoadingBar', () => {
+	describe('Rendering', () => {
+		it('should match to snapshot', () => {
+			const component = shallow(<LoadingBar />);
+			expect(component).toMatchSnapshot()
+		});
+	});
+});