TDKTechSols

import React, { Component } from 'react';
import { Card, CardImg, CardText, CardBody, CardTitle, Breadcrumb, BreadcrumbItem, Button, Modal, ModalHeader, ModalBody, Row, Label } from 'reactstrap';
import { Link } from 'react-router-dom';
import { FadeTransform, Fade, Stagger } from 'react-animation-components';
import { format } from 'date-fns';
import Loading from './LoadingComponent';
import { baseUrl } from '../shared/baseUrl';

// react-redux-form
import { Control, LocalForm, Errors } from 'react-redux-form';

TDKTechSols

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'],
  };
};

TDKTechSols

import React, { Component } from 'react';
import { Text } from 'react-native';
import { Card } from 'react-native-elements';

class Contact extends Component {
  render() {
    return (
      <Card>
        <Card.Title>Contact Information</Card.Title>
        <Card.Divider />

TDKTechSols

//$ npm install react-native-virtualized-view --save
import React, { Component } from 'react';
import { Text, FlatList } from 'react-native';
import { Card, ListItem, Avatar } from 'react-native-elements';
import { ScrollView } from 'react-native-virtualized-view';
import { LEADERS } from '../shared/leaders';

class RenderHistory extends Component {
  render() {
    return (

TDKTechSols

...
function HomeNavigatorScreen() {
  ...
}

import About from './AboutComponent';
function AboutNavigatorScreen() {
  const AboutNavigator = createStackNavigator();
  return (
    <AboutNavigator.Navigator initialRouteName='About'

TDKTechSols

...
import * as Animatable from 'react-native-animatable';

class Reservation extends Component {
  ...
  render() {
    return (
      <ScrollView>
        <Animatable.View animation="zoomIn" duration={2000} delay={1000}>
          <View style={styles.formRow}>

TDKTechSols

...
import { ..., Alert } from 'react-native';

// class ModalContent extends Component {
//   ...
// }

class Reservation extends Component {
  constructor(props) {
    super(props);

TDKTechSols

...
class RenderDish extends Component {
  render() {
    // gesture
    const recognizeDrag = ({ moveX, moveY, dx, dy }) => {
      if (dx < -200) return 1; // right to left
      else if (dx > 200) return 2; // left to right
      return 0;
    };
    const panResponder = PanResponder.create({

TDKTechSols

...
import { ..., Modal, Button } from 'react-native';
import { ..., Input } from 'react-native-elements';
...
class ModalContent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      rating: 3,
      author: '',

TDKTechSols

...
import { ..., Rating } from 'react-native-elements';
...
class RenderDish extends Component {
  render() {
    ...
    return (
      <Card>
        ...
        <View style={{ flexDirection: 'row', justifyContent: 'center' }}>