ilink-world/screens/notifications/Notifications.js

65 lines
1.8 KiB
JavaScript
Raw Normal View History

2019-06-16 13:09:54 +00:00
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
},
})