Arjun Patel
78 lines
1.6 KiB
JavaScript
78 lines
1.6 KiB
JavaScript
/*
|
|
* Main screen with top Navbar, chat scroll view,
|
|
* and Ad space components
|
|
*/
|
|
import React, { Component } from 'react';
|
|
import {
|
|
Dimensions,
|
|
View,
|
|
Text
|
|
} from 'react-native';
|
|
import {
|
|
Actions
|
|
} from 'react-native-router-flux';
|
|
import { Fonts } from '../utils/Fonts.js';
|
|
|
|
// imported components for different sections in main component
|
|
imoprt Dash from './main/dashboard.js';
|
|
import Navbar from './main/navbar.js';
|
|
import Chat from './main/chat.js';
|
|
import AdSpace from './main/adspace.js';
|
|
|
|
const windowWidth = Dimensions.get('window').width;
|
|
const windowHeight = Dimensions.get('window').height;
|
|
|
|
type Props = {};
|
|
export default class Main extends Component<Props> {
|
|
constructor(props) {
|
|
super(props);
|
|
this.position = {
|
|
long: this.props.long,
|
|
lat: this.props.lat
|
|
};
|
|
}
|
|
|
|
render() {
|
|
console.log('in Main');
|
|
return (
|
|
<View style={styles.container}>
|
|
<View style={styles.dashboard}>
|
|
<Dash />
|
|
</View>
|
|
<View style={styles.navbar}>
|
|
<Navbar />
|
|
</View>
|
|
<View style={styles.chat}>
|
|
<Chat position={this.position} />
|
|
</View>
|
|
<View style={styles.adspace}>
|
|
<AdSpace />
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
const styles = {
|
|
container: {
|
|
flex: 18,
|
|
flexDirection: 'column',
|
|
justifyContent: 'space-between',
|
|
position: 'relative'
|
|
},
|
|
dashboard: {
|
|
height: windowHeight,
|
|
width: windowWidth - 60,
|
|
backgroundColor: '#595a5b'
|
|
},
|
|
navbar: {
|
|
flex: 2
|
|
},
|
|
chat: {
|
|
flex: 15
|
|
},
|
|
adspace: {
|
|
flex: 2
|
|
}
|
|
}
|