Dropdown hides behind other content

[shantanuraj]

The dropdown will only overlay above its siblings in the parent view, but does not overlay over the siblings of its parent view.

[axelg12]

+1

[axelg12]

Be able to style the Autocomplete and dropdown would be awesome !

[alfondotnet]

What about this?, having:

<View style={[styles.wrapper, styles.padding]}>
    <Text style={styles.message}>Location</Text>
      <SpotsAutoComplete />
      <View style={[styles.wrapper]}>
        <Text style={[styles.message]}>Max number of friends</Text>
    </View>
</View>
...
var styles = StyleSheet.create({
    wrapper: {      
    flex: 1,
    },
    padding: {
        paddingTop: 64,
    },
    margin: {
        marginTop: 0,
    },
    message: {
         fontSize: 16,
         fontWeight: '500',
    }
})

Produces:

Have you found a way to position the dropdown as absolute over below elements so it does not take all the space?

[nulrich]

Thanks for your messages. I'm in vacation without my Mac. I will take care of this issue when I'm back.

[nulrich]

@shantanuraj @axelg12 Sorry but this issue is coming from this facebook/react-native#131

I tried to do like @vjeux is explaining (reverse the rendering) and I can the the dropdown over the sibling view.