detail.js

import React, { Component } from 'react';
import { View, Text, StyleSheet, Dimensions, FlatList, ScrollView, TouchableOpacity } from 'react-native';
import firebase from "react-native-firebase";
import Icon from 'react-native-vector-icons/Ionicons';

import { SharedElement } from 'react-native-motion';

const { width } = Dimensions.get("window")
// create a component
class Detail extends Component {
 

  render() {
    return (
      <SharedElement id="source">
        <View style={styles.container}>
          <Text> Order Number One </Text>
        </View>
      </SharedElement>
    );
  }
}

// define your styles
const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignSelf: "center"
  },
});

//make this component available to the app
export default Detail ;