ilink-world/app/screens/ads/InterticielAds.js

122 lines
3.1 KiB
JavaScript
Executable File

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {
Platform, StyleSheet, Text,
TouchableWithoutFeedback, View, TextInput,
Button,
Animated, Dimensions, Image, PermissionsAndroid,
StatusBar, TouchableNativeFeedback, TouchableOpacity, BackHandler, Alert, ProgressBarAndroid
, NativeModules, Picker, FlatList
} from 'react-native';
import {responsiveHeight, responsiveWidth} from "react-native-responsive-dimensions"
import BaseScreen from "../BaseScreen";
import Icon from "react-native-vector-icons/MaterialIcons";
import BlurOverlay, {openOverlay, closeOverlay} from 'react-native-blur-overlay'
import I18n from 'react-native-i18n';
import {WebView} from 'react-native-webview';
type Props = {};
const route = require("./../../route.json")
const theme = require('./../../utils/theme.json')
export default class InterticielAds
extends BaseScreen {
static navigatorStyle = {
drawUnderNavBar: true,
navBarHidden: true,
drawUnderStatusBar: false,
statusBarHidden: true,
statusBarTextColorScheme: 'light',
};
static options(passProps) {
return {
statusBar: {
visible: false,
drawBehind: true,
},
topBar: {
drawBehind: true,
visible: false,
animate: false
}
};
}
constructor(props) {
super(props);
};
render() {
return (<BlurOverlay radius={14}
downsampling={2}
onPress={() => {
this.setState({isPubShow: false})
}}
brightness={-200}
>
{this.renderChild()}
</BlurOverlay>)
}
renderChild() {
return (<View style={styles.container}>
<WebView
source={{uri: 'https://ilink-app.com/ads.html'}}
style={{
width: responsiveWidth(100),
marginTop: 37 + responsiveHeight(4),
backgroundColor: 'white'
}}
/>
<View>
<Button
title={I18n.t('QUIT_')}
color={theme.reddeconnect}
style={{position: 'absolute', zIndex: 10000}}
onPress={() => {
this.popOverLay()
}}
>{I18n.t('QUIT_')}</Button>
</View>
</View>)
}
componentDidMount() {
openOverlay()
}
async tryGetHtml() {
response = await fetch('https://ad-server.ilink-app.com/ad_display/zone1/zone4.html')
}
popOverLay() {
if (this.props.closeIntersticiel)
this.props.closeIntersticiel()
closeOverlay()
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
marginTop: 30,
backgroundColor: "white"
},
parent: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: "#000000AE"
}
})