Skip to content

Instantly share code, notes, and snippets.

@TDKTechSols
TDKTechSols / ReservationComponent.js
Last active March 21, 2022 04:31
ReservationComponent.js (Animatable) #ReactNative_Assignment3
...
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
TDKTechSols / MainComponent.js
Created March 21, 2022 03:52
MainComponent.js #ReactNative_Assignment1
...
function HomeNavigatorScreen() {
...
}
import About from './AboutComponent';
function AboutNavigatorScreen() {
const AboutNavigator = createStackNavigator();
return (
<AboutNavigator.Navigator initialRouteName='About'
@TDKTechSols
TDKTechSols / AboutComponent.js
Created March 21, 2022 03:51
AboutComponent.js #ReactNative_Assignment1
//$ 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
TDKTechSols / ContactComponent.js
Created March 21, 2022 03:50
ContactComponent.js #ReactNative_Assignment1
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
TDKTechSols / babel.config.js
Last active June 12, 2022 07:26
babel.config.js #ReactNative_NavigationPart2
module.exports = function (api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: ['react-native-reanimated/plugin'],
};
};
@TDKTechSols
TDKTechSols / DishdetailComponents.js
Created November 17, 2020 15:11
DishdetailComponents.js #ReactJS_AnimationsComponents
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';