version 0.0.2

Author: Jvaeyhcd

App.js

@@ -8,12 +8,8 @@
 
 import React, {Component} from 'react';
 import {
-  ART, 
-  Platform, 
   StyleSheet, 
-  Text, 
-  View,
-  Dimensions
+  View
 } from 'react-native';
 
 import { HcdWaveView } from './src/components/HcdWaveView'
@@ -22,6 +18,12 @@ export default class App extends Component {
   render() {
     return (
       <View style={styles.container}>
+        <HcdWaveView
+          surfaceWidth = {230} 
+          surfaceHeigth ={230}
+          powerPercent = {76}
+          type="dc"
+          style = {{backgroundColor:'#FF7800'}}></HcdWaveView>
         <HcdWaveView
           surfaceWidth = {230} 
           surfaceHeigth ={230}
@@ -39,15 +41,5 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#18A4FD',
-  },
-  welcome: {
-    fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
-  },
-  instructions: {
-    textAlign: 'center',
-    color: '#333333',
-    marginBottom: 5
-  },
+  }
 });

README.md

@@ -1,7 +1,16 @@
-# react-native-art-wave
-An animate wave view writed by React Native Art.
+# react-native-art-hcdwave
+A concise water wave animation process view writed by React Native Art.
 
-## Run
+![Example 1](https://github.com/Jvaeyhcd/react-native-art-wave/blob/master/gif/ac.gif?raw=true)
+
+![Example 2](https://github.com/Jvaeyhcd/react-native-art-wave/blob/master/gif/dc.gif?raw=true)
+
+## Install
+``` bash
+npm i react-native-art-hcdwave
+```
+
+## Run Example
 
 ``` bash
 yarn
@@ -10,3 +19,55 @@ yarn run-ios            # 运行iPhone X模拟器
 yarn run-android        # 运行Android客户端
 ```
 
+## Dependency
+
+### Android
+
+Don't need any dependency. Android incloud the ART library.
+
+### iOS
+
+1. Right click on the project -> Add Files to `Your Project Name` -> Select `Project path`/node_modules/react-native/Libraries/ART/ART.xcodeproj.
+2. Add `libART.a` to 'Link Binary With Libraries'.
+
+## Example
+``` javascript
+import React, {Component} from 'react';
+import {
+  StyleSheet, 
+  View
+} from 'react-native';
+
+import { HcdWaveView } from './src/components/HcdWaveView'
+
+export default class App extends Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <HcdWaveView
+          surfaceWidth = {230} 
+          surfaceHeigth ={230}
+          powerPercent = {76}
+          type="dc"
+          style = {{backgroundColor:'#FF7800'}}></HcdWaveView>
+        <HcdWaveView
+          surfaceWidth = {230} 
+          surfaceHeigth ={230}
+          powerPercent = {76}
+          type="ac"
+          style = {{backgroundColor:'#FF7800'}}></HcdWaveView>
+      </View>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#18A4FD',
+  }
+});
+```
+

package.json

@@ -1,7 +1,17 @@
 {
-  "name": "reactnativewave",
-  "version": "0.0.1",
-  "private": true,
+  "name": "react-native-art-hcdwave",
+  "version": "0.0.2",
+  "description": "A concise water wave animation process view writed by React Native Art.",
+  "main": "src/components/HcdWaveView.js",
+  "author": "Jvaeyhcd",
+  "license": "ISC",
+  "keywords": [
+    "react-native",
+    "react-native-art-wave",
+    "react-native-art-hcdwave",
+    "art",
+    "wave"
+  ],
   "scripts": {
     "start": "node node_modules/react-native/local-cli/cli.js start",
     "run-ios": "react-native run-ios --simulator 'iPhone X'",