From b3a4a328ccaacf21d0686a17835d372e3e8cef39 Mon Sep 17 00:00:00 2001
From: jaywcjlove <398188662@qq.com>
Date: Sat, 1 Aug 2020 19:59:12 +0800
Subject: [PATCH] chore: Update example.

---
 README.md      |  5 +++--
 example/App.js | 23 +++++++++++++++--------
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index c977ed8..251f4e6 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 <br />
+<br />
 <p align="center">
   <a href="https://uiwjs.github.io/react-native-wechat/">
     <img src="https://user-images.githubusercontent.com/1680273/89100258-46cf6a00-d428-11ea-96dc-8b07a0ee277c.png" height="100" />
@@ -88,6 +89,6 @@ npx create-react-native-module --package-identifier com.uiwjs.react.wechat --obj
 
 ## 相关连接 
 
-- [微信（SDK）：iOS SDK v1.8.7.1](https://developers.weixin.qq.com/doc/oplatform/Downloads/iOS_Resource.html)
-- [微信（SDK）：iOS 接入指南](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/iOS.html)
+- [微信(SDK)：iOS SDK v1.8.7.1](https://developers.weixin.qq.com/doc/oplatform/Downloads/iOS_Resource.html)
+- [微信(SDK)：iOS 接入指南](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/iOS.html)
 - [@uiw/react-native-alipay](https://github.com/uiwjs/react-native-alipay) 支付宝支付。
diff --git a/example/App.js b/example/App.js
index 24939b0..016cbdb 100644
--- a/example/App.js
+++ b/example/App.js
@@ -4,23 +4,30 @@ import Wechat from '@uiw/react-native-wechat';
 
 export default class App extends Component {
   state = {
-    message: '--'
+    isInstall: false,
+    isWXAppSupportApi: false,
   };
   async componentDidMount() {
     const isInstall = await Wechat.isWXAppInstalled();
-    console.log(':isInstall:', isInstall);
-    // RNWechat.sampleMethod('Testing', 123, (message) => {
-    //   this.setState({
-    //     message
-    //   });
-    // });
+    const isWXAppSupportApi = await Wechat.isWXAppSupportApi();
+    this.setState({
+      isInstall, isWXAppSupportApi
+    });
   }
   render() {
+    const { isInstall, isWXAppSupportApi } = this.state;
     return (
       <SafeAreaView style={{ flex: 1 }}>
         <View style={styles.container}>
           <Text style={styles.welcome}>☆Wechat Example☆</Text>
-          <Text style={styles.instructions}>{this.state.message}</Text>
+          <Text>
+            <Text style={styles.instructions}>
+              <Text style={{color: isInstall ? 'green' : 'red'}}>{isInstall ? '有' : '没有'}</Text>安装微信，
+            </Text>
+            <Text style={styles.instructions}>
+              当前微信的版本<Text style={{color: isWXAppSupportApi ? 'green' : 'red'}}>{isWXAppSupportApi ? '支持' : '不支持'}</Text> OpenApi
+            </Text>
+          </Text>
         </View>
       </SafeAreaView>
     );