App.js

import React from 'react';

import {withWalletConnect} from '@walletconnect/react-native-dapp';
import WalletConnectOptions from './constants/WalletConnectOptions';

import {NativeBaseProvider, extendTheme} from 'native-base';
import {GestureHandlerRootView} from 'react-native-gesture-handler';

import Navigation from './navigation';
import { FeedProvider } from './contexts/FeedContext';

const config = {
  useSystemColorMode: true,
  initialColorMode: 'dark',
};

const customTheme = extendTheme({config});

const App = () => {
  return (
    <GestureHandlerRootView style={{flex: 1}}>
      <NativeBaseProvider theme={customTheme} config={config}>
        <FeedProvider>
          <Navigation />
        </FeedProvider>
      </NativeBaseProvider>
    </GestureHandlerRootView>
  );
};

export default withWalletConnect(App, WalletConnectOptions);