App.tsx

import React from 'react';
import { StyleSheet, View } from 'react-native';

// import AsyncStorgage from './components/AsyncStorage';
// import DateTimePicker from './components/DatetimePicker';
// import FlashList from './components/FlashList';
// import GestureHandler from './components/GestureHandler';
// import LottieView from './components/LottieView';
// import Maps from './components/Maps';
// import MaskedView from './components/MaskedView';
// import NetInfo from './components/NetInfo';
// import PagerView from './components/PagerView';
// import Picker from './components/Picker';
// import Reanimated from './components/Reanimated';
// import SVG from './components/SVG';
// import SafeAreaContext from './components/SafeAreaContext';
// import Screens from './components/Screens';
// import SegmentedControl from './components/SegmentedControl';
// import Skia from './components/Skia';
// import Slider from './components/Slider';
// import Stripe from './components/Stripe';
// import ViewShot from './components/ViewShot';
// import WebView from './components/WebView';

export default function App() {
  return (
    <View style={styles.container}>
      {/* <LottieView /> */}
      {/* <AsyncStorgage /> */}
      {/* <Stripe /> */}
      {/* <GestureHandler /> */}
      {/* <Reanimated /> */}
      {/* <Screens /> */}
      {/* <SVG /> */}
      {/* <SafeAreaContext /> */}
      {/* <NetInfo /> */}
      {/* <Picker /> */}
      {/* <Slider /> */}
      {/* <DateTimePicker /> */}
      {/* <PagerView /> */}
      {/* <Maps /> */}
      {/* <ViewShot /> */}
      {/* <WebView /> */}
      {/* <MaskedView /> */}
      {/* <SegmentedControl /> */}
      {/* <Skia /> */}
      {/* <FlashList /> */}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'space-evenly',
    alignItems: 'stretch',
  },
});