App.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

import React, {useState} from 'react';
import {SafeAreaView} from 'react-native';
import {InstalledApps} from 'react-native-launcher-kit';
import Swiper from 'react-native-swiper';
import {AppList} from './src/screens/AppList';
import {Home} from './src/screens/Home';
import {GestureHandlerRootView} from 'react-native-gesture-handler';

function App(): React.JSX.Element {
  const [apps, setApps] = useState(() => InstalledApps.getSortedApps());
  const refreshApps = () => setApps(InstalledApps.getSortedApps());
  const [screenIndex, setScreenIndex] = useState(0);

  return (
    <GestureHandlerRootView>
      <SafeAreaView className="flex flex-1 bg-slate-100 dark:bg-black">
        <Swiper
          autoplay={false}
          horizontal
          loop={false}
          loadMinimal
          dot={<></>}
          activeDot={<></>}
          index={screenIndex}
          onIndexChanged={setScreenIndex}>
          <Home apps={apps} />

          <AppList apps={apps} screenIndex={screenIndex} />
        </Swiper>
      </SafeAreaView>
    </GestureHandlerRootView>
  );
}

export default App;