MyCart
This screen expects Redux to inject the cart stored in the state, so it can render all the items in the cart for the user to review before confirming the purchase:
/*** src/screens/MyCart.js ***/ import React from 'react'; import { ScrollView, View } from 'react-native'; import { bindActionCreators } from 'redux'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import { ListItem, Text, Icon, Button, Badge, Header, Title, } from 'native-base'; import * as ProductActions from '../reducers/products'; class MyCart extends React.Component { static navigationOptions = { drawerLabel: 'My Cart', tabBarIcon: () => <Icon name="cart" />, }; onTrashPress(product) { this.props.removeProductFromCart(product); } render() { return ( <View> <ScrollView> {this.props.cart.map((p, i) => ( <ListItem key={i} style={{ justifyContent: 'space-between...