We added one last screen to demonstrate how different journeys can be linked together reusing screens and components. In this case, we will create a list of products with their prices reduced, which can be added directly to the cart for a quick purchase:
/*** src/screens/Sales.js ***/ import React from 'react'; import { ScrollView, Image } from 'react-native'; import { bindActionCreators } from 'redux'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import { Icon, Card, CardItem, Left, Body, Text, Button, Right, Title, } from 'native-base'; import * as ProductActions from '../reducers/products'; class Sales extends React.Component { static navigationOptions = { drawerLabel: 'Sales', tabBarIcon: () => <Icon name="home" />, }; onBuyPress(product) { this.props.addProductToCart(product); setTimeout(() => this.props.navigation.navigate ('MyCart', { product }), 0); } render() { return ( ...