65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
|
import React,{Component} from 'react'
|
||
|
import {StyleSheet,Text,View,StatusBar} from 'react-native'
|
||
|
import BaseScreen from './../BaseScreen'
|
||
|
import I18n from "react-native-i18n";
|
||
|
import Icon from 'react-native-vector-icons/MaterialIcons'
|
||
|
import LottieView from 'lottie-react-native'; // if you have "esModuleInterop": true
|
||
|
import {Header} from "react-native-elements";
|
||
|
const theme=require('./../../utils/theme.json')
|
||
|
export default class Notifications extends BaseScreen{
|
||
|
static navigatorStyle = {
|
||
|
navBarBackgroundColor:theme.primaryDark,
|
||
|
navBarTextColor:'white',
|
||
|
statusBarBackgroundColor:theme.primaryDarkAdvanced,
|
||
|
navBarButtonColor:'white',
|
||
|
statusBarTextColorScheme: 'light',
|
||
|
};
|
||
|
static navigationOptions = {
|
||
|
headerTitle: I18n.t('NOTIFICATIONS'),
|
||
|
drawerIcon: ({ tintColor }) => (
|
||
|
<Icon
|
||
|
name={'notifications-active'}
|
||
|
size={24}
|
||
|
/>
|
||
|
),
|
||
|
};
|
||
|
constructor(props){
|
||
|
super(props,true)
|
||
|
|
||
|
}
|
||
|
render() {
|
||
|
return (
|
||
|
<View style={styles.container}>
|
||
|
<StatusBar
|
||
|
backgroundColor="#00000030"
|
||
|
barStyle="light-content"
|
||
|
translucent={false}
|
||
|
/>
|
||
|
<View style={{justifyContent:"center",alignItems:'center',marginTop:100}}>
|
||
|
|
||
|
<LottieView
|
||
|
style={styles.lottie}
|
||
|
source={require("./../../datas/json/781-no-notifications.json")}
|
||
|
autoPlay
|
||
|
loop
|
||
|
/>
|
||
|
<Text style={styles.text}>{I18n.t('NO_NOTIFICATION')}</Text>
|
||
|
</View>
|
||
|
</View>)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
const styles=StyleSheet.create({
|
||
|
container:{
|
||
|
flex:1,
|
||
|
backgroundColor:'white'
|
||
|
},
|
||
|
text:{
|
||
|
fontSize:17,
|
||
|
fontWeight:'bold',
|
||
|
},
|
||
|
lottie: {
|
||
|
width: 248,
|
||
|
height: 248
|
||
|
},
|
||
|
})
|