Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UiKitten doesn't works with jacklam718/react-native-modals

See original GitHub issue

💬 Question

When I use ui kitten component inside the modal content of jacklam718/react-native-modals.

I get this error :

Text: unsupported configuration. Using UI Kitten components is only possible with configuring ApplicationProvider. � Documentation: https://akveo.github.io/react-native-ui-kitten/docs/guides/getting-started#manual-installation

Ui kitten works fine on my project, I have already set ApplicationProvider on startup. I have to set <ApplicationProvider> inside the modalContent to avoid this error, but its not great because the modal become very slow.

import Modal, {
  ModalTitle,
  ModalContent,
} from 'react-native-modals';

import {
  Text,
  ThemedComponentProps,
  withStyles,Select
} from '@ui-kitten/components';

<Modal.BottomModal
          visible={isModalVisible}
          style={themedStyle}
          swipeDirection={['up', 'down']} // can be string or an array
          onTouchOutside={() => setModalVisible(false)}
          height={0.95}
          width={1}
          onSwipeOut={() => setModalVisible(false)}
          modalTitle={
            <ModalTitle
              title="Bottom Modal"
              style={{height: 20,padding: 0}}
              // textStyle={textStyle.subtitle}
              align="left"
              hasTitleBar
            />
          }>
        <ModalContent>
          <Text>
            Bottom Modal with Title
          </Text>
        </ModalContent>
      </Modal.BottomModal>

I’m missing something ?