This screen shows all the images the logged user has uploaded. We are using fake images for this screen to pre-fill this screen, but more images can be added through the camera screen.
Most of the rendering logic will be moved to a separate component named <ImagesGrid />:
/*** src/screens/MyImages ***/
import React from 'react';
import {
Image,
TouchableOpacity,
Text,
View,
ActivityIndicator,
Dimensions
} from 'react-native';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import * as Actions from '../actions';
import { Icon } from 'native-base';
import Header from '../components/Header';
import ImagesGrid from '../components/ImagesGrid';
var {height, width} = Dimensions.get('window');
class MyImages extends React.Component {
static navigationOptions = {
drawerLabel: 'My Images',
tabBarIcon: ({ tintColor }) => (
<Icon name='person' style={{fontSize: 40, color: tintColor}}/>
)
};
componentWillMount...