SiOuz commented 4 years ago

Doesn't works with ui kitten , when we use ui kitten component inside the modal content.

We 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

I have to set inside the modalContent, but its not great because the modal become very slow.

"@ui-kitten/components": "^4.3.2",
"@ui-kitten/eva-icons": "^4.3.2",
"react-native-modals": "^0.19.9",

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>

artyorsh commented 4 years ago

@jacklam718 👋 I don't know the implementation details of this library, but could it be potential Context conflicts? In UI Kitten we use Context to provide styles for each basic component.

OscarYuen commented 4 years ago

186

I think it is related to this issue.

jacklam718 / react-native-modals

Doesn't works with ui kitten #213

186