优化

wechat_demo/android/app/build.gradle

@@ -134,6 +134,7 @@ android {
}
dependencies {
    implementation project(':react-native-webview')
    implementation project(':react-native-gesture-handler')
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"

wechat_demo/android/app/src/main/java/com/wechat_demo/MainActivity.java

@@ -10,6 +10,6 @@ public class MainActivity extends ReactActivity {
     */
    @Override
    protected String getMainComponentName() {
        return "wechat_demo";
        return "RNMicro";
    }
}

wechat_demo/android/app/src/main/java/com/wechat_demo/MainApplication.java

@@ -3,6 +3,7 @@ package com.wechat_demo;
import android.app.Application;
import com.facebook.react.ReactApplication;
import com.reactnativecommunity.webview.RNCWebViewPackage;
import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
@@ -24,6 +25,7 @@ public class MainApplication extends Application implements ReactApplication {
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
            new RNCWebViewPackage(),
            new RNGestureHandlerPackage()
      );
    }

wechat_demo/android/settings.gradle

@@ -1,4 +1,6 @@
rootProject.name = 'wechat_demo'
include ':react-native-webview'
project(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/android')
include ':react-native-gesture-handler'
project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gesture-handler/android')

wechat_demo/app/CodeDetail.js

@@ -0,0 +1,61 @@
import React, {Component} from 'react';
import {Modal,View,Text,TouchableOpacity,Image,StyleSheet} from 'react-native';
export default class CodeDetail extends Component {
  constructor(props) {
    super(props);//这一句不能省略，照抄即可
    this.state = {
        animationType: 'fade',//none slide fade
        modalVisible: false,//模态场景是否可见
        transparent: true,//是否透明显示
    };
  }
  render() {
    return <Modal
        animationType={this.state.animationType}
        transparent={this.state.transparent}
        visible={this.state.modalVisible}
        onRequestClose={() => {
            this._setModalVisible(false)
        }}
        onShow={this.startShow} 
    >
       <TouchableOpacity style={styles.modalContainer} onPress={() => {
                    this._setModalVisible(false)
                  }}>
                <TouchableOpacity activeOpacity={1} style={styles.modalContent} onPress={() => {
                   return
                  }}>
                    <Image style={styles.codeimg} source={require('../static/img/QR_code.png')}/>
                  </TouchableOpacity>
                  </TouchableOpacity>
  </Modal>
  }
  _setModalVisible = (visible) => {
    this.setState({modalVisible: visible});
  }
  startShow = () => {
  //   alert('开始显示了');
  }
}
const styles = StyleSheet.create({
  modalContainer:{
    flex:1,
    justifyContent:'center',
    alignItems: 'center',
    backgroundColor:'rgba(0, 0, 0, 0.5)'
  },
  modalContent:{
    backgroundColor:'#ddd',
    borderTopLeftRadius:5,
    borderTopRightRadius:5
  },
  codeimg:{
    width:150,
    height:150
  }
});

wechat_demo/app/Details.js

@@ -1,5 +1,6 @@
import React, { Component } from 'react';
import {View,Text,Image,StyleSheet,ScrollView,Platform,Dimensions} from 'react-native'; 
import { WebView } from 'react-native-webview';
import Header from './Header'
var {height,width} =  Dimensions.get('window');
export default class Details extends Component{
@@ -10,10 +11,10 @@ export default class Details extends Component{
    render() {
        return (
            <View>
            <View style={{flex:1}}>
                <Header title='返回' leftEvent={()=>this.back(this)}></Header>
                <ScrollView style={{height:height-50}}>
                    <View style={{alignItems:'center',height:height-50}}>
                {/* <ScrollView style={{height:height-50}}> */}
                    {/* <View style={{alignItems:'center',height:height-50}}>
                        <View><Text style={{fontSize:15,marginTop:40}}>3号免手洗</Text></View>
                        <View><Text style={{fontSize:14,marginTop:20,marginHorizontal:40}}>
                        二维码内容二维码内容二维码内容二维码内容二维码内容二维码内容二维码内容二维码内容</Text></View>
@@ -22,8 +23,9 @@ export default class Details extends Component{
                            <Text style={{color:'#000',fontSize:12,marginHorizontal:10}}>|</Text>
                            <Text style={{color:'#989898',fontSize:12}}>分享</Text>
                        </View>
                    </View>
                </ScrollView>
                    </View> */}
                     <WebView  source={{ uri: 'https://h5.clewm.net/?url=qr71.cn%2Fo340AF%2FqvWOamT&hasredirect=1' }} />
                {/* </ScrollView> */}
            </View>
        )
    }

wechat_demo/app/Home.js

@@ -1,11 +1,13 @@
import React, { Component } from 'react';
import {View,Text,Image,StyleSheet,FlatList,ScrollView,Dimensions} from 'react-native'; 
import { View, Text, Image, StyleSheet, FlatList, ScrollView, Dimensions, TouchableOpacity } from 'react-native';
import SegmentedBar from './SegmentedBar'
import Carousel from './Carousel'
import DashSecondLine from './DashSecondLine'
import Header from './Header'
var {height,width} =  Dimensions.get('window');
export default class Home extends Component{
import CodeDetail from './CodeDetail'
var { height, width } = Dimensions.get('window');
export default class Home extends Component {
    // static navigationOptions =  ({navigation,screenProps})=>({
    //     tabBarLabel: '首页',
@@ -14,219 +16,308 @@ export default class Home extends Component{
    constructor(props) {
        super(props);
    
        this.barItems = [
            {
                title:'浏览记录',
                type: 0,
                content:[
                    {
                        timeText:'今天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    },
                    {
                        timeText:'今天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    },
                    {
                        timeText:'今天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    },
                    {
                        timeText:'今天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    },
                    {
                        timeText:'今天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    },
                    {
                        timeText:'昨天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    },
                    {
                        timeText:'昨天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    },
                    {
                        timeText:'昨天',
                        title:'3号免手洗',
                        time:'查看于1小时前',
                    }
                ]
            },{
                title:'收藏列表',
                type: 1,
                content:[
                    {
                        title:'3号免手洗',
                        time:'收藏于1小时前',
                    }
                ]
            }
        ];
    
        // var barItems = [
        //     {
        //         title:'浏览记录',
        //         type: 0,
        //         content:[
        //             {
        //                 timeText:'今天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             },
        //             {
        //                 timeText:'今天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             },
        //             {
        //                 timeText:'今天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             },
        //             {
        //                 timeText:'今天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             },
        //             {
        //                 timeText:'今天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             },
        //             {
        //                 timeText:'昨天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             },
        //             {
        //                 timeText:'昨天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             },
        //             {
        //                 timeText:'昨天',
        //                 title:'3号免手洗',
        //                 time:'查看于1小时前',
        //             }
        //         ]
        //     },{
        //         title:'收藏列表',
        //         type: 1,
        //         content:[
        //             {
        //                 title:'3号免手洗',
        //                 time:'收藏于1小时前',
        //             }
        //         ]
        //     }
        // ];
        var history = {
            title: '浏览记录',
            type: 0,
            content: [
                {
                    timeText: '今天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                },
                {
                    timeText: '今天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                },
                {
                    timeText: '今天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                },
                {
                    timeText: '今天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                },
                {
                    timeText: '今天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                },
                {
                    timeText: '昨天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                },
                {
                    timeText: '昨天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                },
                {
                    timeText: '昨天',
                    title: '3号免手洗',
                    time: '查看于1小时前',
                }
            ]
        }
        var collect = {
            title: '收藏列表',
            type: 1,
            content: [
                {
                    title: '3号免手洗',
                    time: '收藏于1小时前',
                }
            ]
        }
        this.justifyItemItems = ['fixed', 'scrollable'];
        this.indicatorTypeItems = ['none', 'boxWidth', 'itemWidth', 'customWidth'];
        this.indicatorPositionItems = ['top', 'bottom'];
        if(!this.state){
        if (!this.state) {
            this.state = {}
        }
        Object.assign(this.state, {
          justifyItem: 'fixed',
          indicatorType: 'itemWidth',
          indicatorPosition: 'bottom',
          animated: true,
          autoScroll: true,
          activeIndex: 0,
          custom: false,
            justifyItem: 'fixed',
            indicatorType: 'itemWidth',
            indicatorPosition: 'bottom',
            animated: true,
            autoScroll: true,
            activeIndex: 0,
            custom: false,
            history: history,
            collect: collect
        });
      }
    }
      onSegmentedBarChange(index) {
    onSegmentedBarChange(index) {
        if (index != this.state.activeIndex) {
          this.setState({activeIndex: index});
          if (this.refs.carousel) {
            this.refs.carousel.scrollToPage(index, false);
          }
            this.setState({ activeIndex: index });
            if (this.refs.carousel) {
                this.refs.carousel.scrollToPage(index, false);
            }
        }
      }
    }
      onCarouselChange(index) {
        index != this.state.activeIndex && this.setState({activeIndex: index});
      }
    onCarouselChange(index) {
        index != this.state.activeIndex && this.setState({ activeIndex: index });
    }
      getContent(item,_this){
          console.log('2222'+JSON.stringify(_this.props))
        if(item.type == 0){
    getContent(item, _this) {
        if (item.type == 0) {
            return (
                <View>
                    {item.content.map((itemChild,index)=>(
                        <View style={{flex:1,flexDirection:'row'}}  key={'menu' + index}>
                            <Text style={{marginTop:30,marginLeft:15,marginRight:5,color:'#000'}}>{itemChild.timeText}</Text>
                        
                        <View style={{marginRight:20,marginVertical:10,paddingHorizontal:20,paddingTop:20,borderWidth:1,borderColor:'#ddd',borderRadius:5,height:130}}>
                            <View style={{height:58}}>
                                <View style={{flex:1,flexDirection:'row',justifyContent: 'space-between'}}>
                                    <View>
                                        <Text style={{fontSize:15,height:18,color:'#000'}}>{itemChild.title}</Text>
                                        <Text style={{fontSize:12,height:15,marginTop:10,color:'#bbb'}}>{itemChild.time}</Text>
                    {item.content.length == 0 ? <View>
                        <View style={{ flex: 1, justifyContent: 'center', alignContent: 'center', alignItems: 'center', flexDirection: 'column', textAlign: 'center', height: height - 130 }}>
                            <Image style={[styles.noResult]} source={require('../static/img/no_result.png')} />
                            <Text style={{ textAlign: 'center', fontSize: 15, marginTop: 15 }}>这里空空如也，快去扫描看看</Text>
                        </View>
                    </View> : item.content.map((itemChild, index) => (
                        <View style={{ flex: 1, flexDirection: 'row' }} key={'menu' + index}>
                            <Text style={{ marginTop: 30, marginLeft: 15, marginRight: 5, color: '#000' }}>{itemChild.timeText}</Text>
                            <View style={{ marginRight: 20, marginVertical: 10, paddingHorizontal: 20, paddingTop: 20, borderWidth: 1, borderColor: '#ddd', borderRadius: 5, height: 130 }}>
                                <View style={{ height: 58 }}>
                                    <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}>
                                        <View>
                                            <Text style={{ fontSize: 15, height: 18, color: '#000' }}>{itemChild.title}</Text>
                                            <Text style={{ fontSize: 12, height: 15, marginTop: 10, color: '#bbb' }}>{itemChild.time}</Text>
                                        </View>
                                        <TouchableOpacity  onPress={() => {
                                            this.refs.dialog._setModalVisible(true);
                                        }}>
                                            <Image style={styles.tabImg} source={require('../static/img/qrcode.png')} />
                                        </TouchableOpacity>
                                    </View>
                                    <Image style={styles.tabImg} source={require('../static/img/qrcode.png')}/>
                                </View>
                            </View>
                            <DashSecondLine backgroundColor='#ddd' len={60} width={width-100}></DashSecondLine>
                            <View style={{flex:1,flexDirection:'row',justifyContent: 'space-between',marginTop:20}}>
                                <Image style={{width:15,height:15}} source={require('../static/img/delete.png')}/>
                                <Text onPress={()=>{_this.props.navigation.navigate('Details')}}>查看详情</Text>
                                <DashSecondLine backgroundColor='#ddd' len={60} width={width - 100}></DashSecondLine>
                                <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', marginTop: 20 }}>
                                    <TouchableOpacity onPress={() => { item.content.splice(index, 1); _this.setState({ history: item }) }}>
                                        <Image style={{ width: 15, height: 15 }} source={require('../static/img/delete.png')} />
                                    </TouchableOpacity>
                                    <Text onPress={() => { _this.props.navigation.navigate('Details') }}>查看详情</Text>
                                </View>
                            </View>
                        </View>
                        </View>
                    ))}
                </View>)
        }else{
        } else {
            return (
                <View>
                    {item.content.map((itemChild,index)=>(
                        <View key={'menu' + index} style={{marginHorizontal:20,marginVertical:10,paddingHorizontal:20,paddingTop:20,borderWidth:1,borderColor:'#ddd',height:130,borderRadius:5 }}>
                            <View style={{height:58}}>
                                <View style={{flex:1,flexDirection:'row',justifyContent: 'space-between'}}>
                    {item.content.length == 0 ? <View>
                        <View style={{ flex: 1, justifyContent: 'center', alignContent: 'center', alignItems: 'center', flexDirection: 'column', textAlign: 'center', height: height - 130 }}>
                            <Image style={[styles.noResult]} source={require('../static/img/no_result.png')} />
                            <Text style={{ textAlign: 'center', fontSize: 15, marginTop: 15 }}>这里空空如也，快去收藏看看</Text>
                        </View>
                    </View> : item.content.map((itemChild, index) => (
                        <View key={'menu' + index} style={{ marginHorizontal: 20, marginVertical: 10, paddingHorizontal: 20, paddingTop: 20, borderWidth: 1, borderColor: '#ddd', height: 130, borderRadius: 5 }}>
                            <View style={{ height: 58 }}>
                                <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}>
                                    <View>
                                        <Text style={{fontSize:15,height:18}}>{itemChild.title}</Text>
                                        <Text style={{fontSize:12,height:15,marginTop:10,color:'#bbb'}}>{itemChild.time}</Text>
                                        <Text style={{ fontSize: 15, height: 18 }}>{itemChild.title}</Text>
                                        <Text style={{ fontSize: 12, height: 15, marginTop: 10, color: '#bbb' }}>{itemChild.time}</Text>
                                    </View>
                                    <Image style={styles.tabImg} source={require('../static/img/qrcode.png')}/>
                                    <TouchableOpacity  onPress={() => {
                                        this.refs.dialog._setModalVisible(true);
                                    }}>
                                        <Image style={styles.tabImg} source={require('../static/img/qrcode.png')} />
                                    </TouchableOpacity>
                                </View>
                            </View>
                            <DashSecondLine backgroundColor='#ddd' len={60} width={width-80}></DashSecondLine>
                            <View style={{flex:1,flexDirection:'row',justifyContent: 'space-between',marginTop:20}}>
                                <Text>已收藏</Text>
                                <Text onPress={()=>{_this.props.navigation.navigate('Details')}}>查看详情</Text>
                            <DashSecondLine backgroundColor='#ddd' len={60} width={width - 80}></DashSecondLine>
                            <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', marginTop: 20 }}>
                                <TouchableOpacity onPress={() => { item.content.splice(index, 1); _this.setState({ collect: item }) }}>
                                    <Text>取消收藏</Text>
                                </TouchableOpacity>
                                <Text onPress={() => { _this.props.navigation.navigate('Details') }}>查看详情</Text>
                            </View>
                        </View>
                    ))}
                </View>)
        }
      }
    }
    render() {
        let {justifyItem, indicatorType, indicatorPosition, animated, autoScroll, custom, activeIndex} = this.state;
        let barItems =  this.barItems;
        let { justifyItem, indicatorType, indicatorPosition, animated, autoScroll, custom, activeIndex } = this.state;
        var barItems = [];
        barItems.push(this.state.history);
        barItems.push(this.state.collect);
        console.log(barItems)
        return (
            <View>
                <Header title="我的二维码" leftEvent={()=>{}}></Header>
                <Header title="我的二维码" leftEvent={() => { }}></Header>
                <SegmentedBar
                justifyItem={justifyItem}
                indicatorType={indicatorType}
                indicatorPosition={indicatorPosition}
                indicatorLineColor={'#00ff00'}
                indicatorLineWidth={custom ? 1 : undefined}
                indicatorPositionPadding={custom ? 3 : undefined}
                animated={animated}
                autoScroll={autoScroll}
                activeIndex={activeIndex}
                onChange={index => this.onSegmentedBarChange(index)}
                    justifyItem={justifyItem}
                    indicatorType={indicatorType}
                    indicatorPosition={indicatorPosition}
                    indicatorLineColor={'#00ff00'}
                    indicatorLineWidth={custom ? 1 : undefined}
                    indicatorPositionPadding={custom ? 3 : undefined}
                    animated={animated}
                    autoScroll={autoScroll}
                    activeIndex={activeIndex}
                    onChange={index => this.onSegmentedBarChange(index)}
                >
    {barItems.map((item, index) => { return(<SegmentedBar.Item key={'item' + index} active={activeIndex==index} title={item.title} />)})}
                    {barItems.map((item, index) => { return (<SegmentedBar.Item key={'item' + index} active={activeIndex == index} title={item.title} />) })}
                </SegmentedBar>
                <Carousel
                style={styles.carousel_style}
                carousel={false}
                startIndex={activeIndex}
                cycle={false}
                ref='carousel'
                onChange={index => this.onCarouselChange(index)}
                    style={styles.carousel_style}
                    carousel={false}
                    startIndex={activeIndex}
                    cycle={false}
                    ref='carousel'
                    onChange={index => this.onCarouselChange(index)}
                >
                {barItems.map((item, index) => (
                    <ScrollView key={'view' + index}>
                        {this.getContent(item,this)}
                    </ScrollView>
                ))}
                    {barItems.map((item, index) => (
                        <ScrollView key={'view' + index}>
                            {this.getContent(item, this)}
                        </ScrollView>
                    ))}
                </Carousel>
                <CodeDetail  ref="dialog"/>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    tabImg:{
    tabImg: {
        width: 30,
        height: 30,
    },
    headImg:{
    noResult: {
        width: 100,
        height: 100,
    },
    headImg: {
        width: 40,
        height: 50,
    },
    listContainer:{
        flexDirection:'row',
        alignItems:'center',
        height:60,
        paddingLeft:20,
        paddingRight:20,
        borderBottomWidth:1,
        borderBottomColor:"#ddd"
    listContainer: {
        flexDirection: 'row',
        alignItems: 'center',
        height: 60,
        paddingLeft: 20,
        paddingRight: 20,
        borderBottomWidth: 1,
        borderBottomColor: "#ddd"
    },
    textContainer:{
        flexDirection:'column',
        alignItems:'flex-start',
        height:60,
        marginLeft:20,
    textContainer: {
        flexDirection: 'column',
        alignItems: 'flex-start',
        height: 60,
        marginLeft: 20,
    },
    item:{
        marginLeft:20,
        marginRight:20,
    item: {
        marginLeft: 20,
        marginRight: 20,
    },
    carousel_style:{
        backgroundColor: '#fff', 
        height: height-80, 
        borderTopWidth: 1, 
    carousel_style: {
        backgroundColor: '#fff',
        height: height - 80,
        borderTopWidth: 1,
        borderTopColor: '#f8f8f8'
    }
})

wechat_demo/app/ModalContent.js

@@ -61,27 +61,21 @@ export default class ModalContent extends Component {
                  <View style={styles.operationButton}>
                    <TouchableOpacity style={styles.operationButtonSpace}>
                      <View style={styles.operationButtonImgContainer}>
                        <Image style={styles.operationButtonImg} source={require('../static/img/transmit.png')}/>
                        <Image style={styles.operationButtonImg} source={require('../static/img/annulus.png')}/>
                      </View>
                      <Text style={styles.operationButtonText}>当前页面不可转发</Text>
                      <Text style={styles.operationButtonText}>浮窗</Text>
                    </TouchableOpacity>
                    <TouchableOpacity style={styles.operationButtonSpace}>
                      <View style={styles.operationButtonImgContainer}>
                        <Image style={styles.operationButtonImg} source={require('../static/img/home.png')}/>
                        <Image style={styles.operationButtonImg} source={require('../static/img/setting.png')}/>
                      </View>
                      <Text style={styles.operationButtonText}>回到首页</Text>
                      <Text style={styles.operationButtonText}>设置</Text>
                    </TouchableOpacity>
                    <TouchableOpacity style={styles.operationButtonSpace}>
                      <View style={styles.operationButtonImgContainer}>
                        <Image style={styles.operationButtonImg} source={require('../static/img/star.png')}/>
                        <Image style={styles.operationButtonImg} source={require('../static/img/complaint.png')}/>
                      </View>
                      <Text style={styles.operationButtonText}>添加到我的小程序</Text>
                    </TouchableOpacity>
                    <TouchableOpacity style={styles.operationButtonSpace}>
                      <View style={styles.operationButtonImgContainer}>
                        <Image style={styles.operationButtonImg} source={require('../static/img/desktop.png')}/>
                      </View>
                      <Text style={styles.operationButtonText}>添加到桌面</Text>
                      <Text style={styles.operationButtonText}>反馈与投诉</Text>
                    </TouchableOpacity>
                  </View>
                  <TouchableOpacity style={styles.modalCancleButton} onPress={() => {
@@ -120,6 +114,7 @@ const styles = StyleSheet.create({
    borderBottomWidth:1,
    borderBottomColor:'#ccc',
    justifyContent:'center',
    marginLeft:10,
  },
  operationButton:{
    flexDirection:'row',

wechat_demo/ios/wechat_demo.xcodeproj/project.pbxproj

@@ -40,6 +40,7 @@
		ED297163215061F000B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED297162215061F000B7C4FE /* JavaScriptCore.framework */; };
		ED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED2971642150620600B7C4FE /* JavaScriptCore.framework */; };
		B46B7A707B424F24AA24F557 /* libRNGestureHandler.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 690940AEC2F4479BB2442423 /* libRNGestureHandler.a */; };
		6A31BED8F01E4623B3C5CDC7 /* libRNCWebView.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 92C06DC9F215452C8EF0D971 /* libRNCWebView.a */; };
/* End PBXBuildFile section */
/* Begin PBXContainerItemProxy section */
@@ -349,6 +350,8 @@
		ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
		D14ACA86322D49458E25DE2E /* RNGestureHandler.xcodeproj */ = {isa = PBXFileReference; name = "RNGestureHandler.xcodeproj"; path = "../node_modules/react-native-gesture-handler/ios/RNGestureHandler.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
		690940AEC2F4479BB2442423 /* libRNGestureHandler.a */ = {isa = PBXFileReference; name = "libRNGestureHandler.a"; path = "libRNGestureHandler.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
		FAEB159A47DB47D39AE0CACE /* RNCWebView.xcodeproj */ = {isa = PBXFileReference; name = "RNCWebView.xcodeproj"; path = "../node_modules/react-native-webview/ios/RNCWebView.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
		92C06DC9F215452C8EF0D971 /* libRNCWebView.a */ = {isa = PBXFileReference; name = "libRNCWebView.a"; path = "libRNCWebView.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
@@ -378,6 +381,7 @@
				00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
				139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
				B46B7A707B424F24AA24F557 /* libRNGestureHandler.a in Frameworks */,
				6A31BED8F01E4623B3C5CDC7 /* libRNCWebView.a in Frameworks */,
			);
			runOnlyForDeploymentPostprocessing = 0;
		};
@@ -570,6 +574,7 @@
				00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,
				139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
				D14ACA86322D49458E25DE2E /* RNGestureHandler.xcodeproj */,
				FAEB159A47DB47D39AE0CACE /* RNCWebView.xcodeproj */,
			);
			name = Libraries;
			sourceTree = "<group>";
@@ -1198,10 +1203,12 @@
				LIBRARY_SEARCH_PATHS = (
					"$(inherited)",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
				);
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Debug;
@@ -1224,10 +1231,12 @@
				LIBRARY_SEARCH_PATHS = (
					"$(inherited)",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
				);
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Release;
@@ -1251,6 +1260,7 @@
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Debug;
@@ -1273,6 +1283,7 @@
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Release;
@@ -1303,10 +1314,12 @@
				LIBRARY_SEARCH_PATHS = (
					"$(inherited)",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
				);
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Debug;
@@ -1337,10 +1350,12 @@
				LIBRARY_SEARCH_PATHS = (
					"$(inherited)",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
				);
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Release;
@@ -1370,10 +1385,12 @@
				LIBRARY_SEARCH_PATHS = (
					"$(inherited)",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
				);
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Debug;
@@ -1403,10 +1420,12 @@
				LIBRARY_SEARCH_PATHS = (
					"$(inherited)",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
					"\"$(SRCROOT)/$(TARGET_NAME)\"",
				);
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					"$(SRCROOT)\..\node_modules\react-native-gesture-handler\ios/**",
					"$(SRCROOT)\..\node_modules\react-native-webview\ios",
				);
			};
			name = Release;

wechat_demo/ios/wechat_demo/AppDelegate.m

@@ -19,7 +19,7 @@
  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"wechat_demo"
                                                      moduleName:@"RNMicro"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [UIColor blackColor];

wechat_demo/package.json

@@ -10,6 +10,7 @@
    "react": "16.6.3",
    "react-native": "0.58.5",
    "react-native-gesture-handler": "1.0.16",
    "react-native-webview": "5.11.0",
    "react-navigation": "3.0.9"
  },
  "devDependencies": {

wechat_demo/yarn.lock

@@ -1977,7 +1977,7 @@ escape-html@~1.0.3:
  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
  integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
  version "1.0.5"
  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
@@ -2724,7 +2724,7 @@ inquirer@^3.0.6:
    strip-ansi "^4.0.0"
    through "^2.3.6"
invariant@^2.2.2, invariant@^2.2.4:
invariant@2.2.4, invariant@^2.2.2, invariant@^2.2.4:
  version "2.2.4"
  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
@@ -4855,6 +4855,14 @@ react-native-tab-view@^1.0.0, react-native-tab-view@^1.2.0:
  dependencies:
    prop-types "^15.6.1"
react-native-webview@5.11.0:
  version "5.11.0"
  resolved "https://registry.yarnpkg.com/react-native-webview/-/react-native-webview-5.11.0.tgz#7b1eeac7f3ea3a6f7bab3eefc10b272f0a008603"
  integrity sha512-8hqq7Gr5tP6seWUJ5G1qmSmSo53hljhXIkZT09SX07pfAw1pbEoIMg7uYvZGk7BVkYiwIO4nkyg+M501E8CL8g==
  dependencies:
    escape-string-regexp "1.0.5"
    invariant "2.2.4"
react-native@0.58.5:
  version "0.58.5"
  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.58.5.tgz#672709bafd845e35ab4dd32b8ccccae32d54d552"