ilink-world/screens/configurations/About.js

70 lines
3.8 KiB
JavaScript
Raw Normal View History

2019-06-16 13:09:54 +00:00
import React, {Component} from 'react';
import {
Platform,
StyleSheet,
AppState,
FlatList,
ProgressBarAndroid,
TouchableOpacity,
Text,
Image,
View,
Animated,
Linking,
StatusBar
} from 'react-native';
import ActionButton from 'react-native-action-button';
import Icon from 'react-native-vector-icons/MaterialIcons';
import {responsiveFontSize,responsiveHeight,responsiveWidth} from 'react-native-responsive-dimensions';
import {credrequester} from './../../route.json';
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
import BaseScreen from './../../screens/BaseScreen'
import Button from 'apsl-react-native-button'
import {readUser} from "../../webservice/AuthApi";
import Calendar from 'react-native-calendario';
let route=require('./../../route.json')
let moment=require('moment-timezone')
let theme=require('./../../utils/theme.json')
import {primary,primaryDark,accent,purpleLight,primaryLight} from './../../utils/theme.json';
import IndicatorViewPager from "rn-viewpager/viewpager/IndicatorViewPager";
import {PagerTabIndicator,PagerTitleIndicator,PagerDotIndicator} from 'rn-viewpager'
import I18n from 'react-native-i18n'
require('./../../utils/Translations')
import { SinglePickerMaterialDialog } from 'react-native-material-dialog';
import {Header} from "react-native-elements";
import {withNavigationFocus} from "react-navigation";
import { Appbar, Paragraph, Menu, Divider, Provider } from 'react-native-paper';
import {videoUrl} from '../../webservice/IlinkConstants.js'
export default class About extends React.Component{
static navigationOptions =({navigation})=> {
const {routeName}=navigation.state
return {
header:null
}};
render(){
return (<View style={{flex:1,backgroundColor:theme.primary,alignItems:'center',justifyContent:"space-between"}}>
<Appbar.Header dark={true} style={{backgroundColor:theme.primary,width:responsiveWidth(100),marginTop:20}}>
<Appbar.BackAction
onPress={()=>{this.props.navigation.pop()}}
/>
</Appbar.Header>
<View style={{flex:6,alignItems:"center",justifyContent:"space-evenly"}}>
<Image resizeMode="contain" style={{width:responsiveWidth(50),height:responsiveHeight(20)}} source={require("./../../datas/img/ilinklogo.png")}/>
<Image resizeMode="contain" style={{width:responsiveWidth(90)}} source={require("./../../datas/img/icon3.png")}/>
<Text style={{color:"white",margin:10,fontSize:15,alignSelf:"center"}}>{I18n.t("ABOUT_TEXT")}</Text>
</View>
<View style={{flex:3}}>
<Button onPress={()=>{Linking.openURL(videoUrl)}} style={{width:responsiveWidth(40),backgroundColor:"white",borderRadius:responsiveWidth(20),alignSelf:"center",borderColor:"white"}} textStyle={{color:theme.primary}}>{I18n.t('SEE_VIDEO')}</Button>
<Button style={{width:responsiveWidth(40),backgroundColor:"transparent",borderRadius:responsiveWidth(20),alignSelf:"center",borderColor:"white"}} textStyle={{color:"white"}}><View style={{justifyContent:"center",alignContent:"center"}}><Text style={{color:"white",fontWeight:"bold"}}>{I18n.t("SEE_TUTO")}</Text><Text style={{color:"white"}}>{I18n.t('UNAVAILABLE')}</Text></View></Button>
</View>
<View style={{flexDirection:"row", flex:0.3,width:responsiveWidth(95),height:responsiveHeight(100),justifyContent:"space-between",alignItems:"stretch"}}>
<Text style={{color:"white",fontWeight:"bold"}}>Version 1.0.0</Text>
<Text style={{color:"white"}}>Copyright <Text style={{fontWeight:"bold"}}>iLinkWorld</Text> all reserved</Text>
</View>
</View>)
}
}