import React, { Component } from 'react';
import {View,Text,Image,StyleSheet,ScrollView,Platform,Dimensions, TouchableOpacity} 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{
   
    back(_this){
        _this.props.navigation.pop();
    }

    render() {
        return (
            <View style={{flex:1}}>
                <Header>
                    <TouchableOpacity style={{flex: 1, justifyContent: 'center', alignContent: 'center',  flexDirection: 'column', textAlign: 'center',}} onPress={()=>this.back(this)}>
                        <Image style={styles.tabImg} source={require('../static/img/back.png')} />
                    </TouchableOpacity>
                </Header>
                {/* <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>
                        <View style={{flex: 1,flexDirection:'row',position:'absolute',bottom: Platform.OS == 'ios' ? 270 : 50}}>
                            <Text style={{color:'#ddd',fontSize:12}}>已收藏</Text>
                            <Text style={{color:'#000',fontSize:12,marginHorizontal:10}}>|</Text>
                            <Text style={{color:'#989898',fontSize:12}}>分享</Text>
                        </View>
                    </View> */}
                     <WebView  source={{ uri: 'https://h5.clewm.net/?url=qr71.cn%2Fo340AF%2FqvWOamT&hasredirect=1' }} />
                {/* </ScrollView> */}
            </View>
        )
    }
}

const styles = StyleSheet.create({
    tabImg:{
        width:30,
        height:30
    }
})