Select appears under Modal

Issue type

I’m submitting a … (check one with “x”)

• [X ] bug report
• feature request

Issue description

Current behavior: I added a basic Select inside a modal from react-native-modal and when selecting the drop down to show the items nothing appears (symbol turns). If I then close my dialog I can see the select options on the page.

Expected behavior: The select should render on top of the modal. Other input fields do from ui-kitten

Steps to reproduce: Add the following select inside a <Modal></Modal>

          <Select
            data={[{text: 'male'}, {text: 'female'}, {text: 'other'}]}
            selectedOption={gender}
            onSelect={val => console.log(val)}
            tyle={styles.select}
          />

Related code:

insert short code snippets here

Other information:

OS, device, package version

UI Kitten 4.2.0
RN 0.61.1

[msvargas]

I fixed wrapping ModalPanel with React Native Modal

example:

.... others imports
import { Text, ModalPanel } from '@ui-kitten/components';

const MyModal = () => <Modal><ModalPanel><Text>Select HERE </Text><ModalPanel> </Modal>

[artyorsh]

Hi @andrewanderson58 👋 Thanks for report. Can you please share the related code when using Modal? Btw, UI Kitten uses its own Modal implementation, which Select also relies on. Please try using our implementation of Modal and see if it is reproduced.