title: react-native-dropdown-picker scroll inside another scroll is not working
body: <p>Drop down scroll is not working inside another scroll in react-native-dropdown-picker</p>
  <p>I already tried giving</p>
  <pre><code>listMode=&quot;SCROLLVIEW&quot;
      scrollViewProps={{
        nestedScrollEnabled: true,
  
   }}
  </code></pre>
  <p>to the  as a prop. But still not working.</p>
  <p>here is my code</p>
  <pre><code>&lt;SafeAreaView edges={['right', 'left', 'bottom']} style={styles.container} &gt;
                  &lt;ScrollView&gt;
                      &lt;View style={[globalStyles.contentWrap, { marginBottom: 16, height: 1000 }]}&gt;
                          &lt;View&gt;
  
                              &lt;View style={{ zIndex: 10 }}&gt;
  
                                  &lt;DropDownPicker
                                      listMode=&quot;SCROLLVIEW&quot;
                                      placeholder=&quot;Select your restaurant&quot;
                                      style={{
                                          borderColor: Colors.borderColor,
                                          backgroundColor: '#fff',
                                          borderWidth: 1,
                                          paddingHorizontal: 12,
                                          paddingVertical: Platform.OS === 'ios' ? 12 : 6,
                                          fontSize: 16,
                                          borderRadius: 5,
                                          marginTop: 8,
                                          marginBottom: 16,
                                      }}
                                      dropDownContainerStyle={{
                                          borderColor: Colors.borderColor,
                                          color: Colors.black1,
                                          fontSize: 16,
                                          borderRadius: 5,
                                      }}
                                      placeholderStyle={{
                                          color: '#696969',
                                          fontSize: 16,
                                      }}
                                      textStyle={{
                                          fontSize: 16,
                                      }}
                                      dropDownMaxHeight={240}
                                      open={open}
                                      value={value}
                                      items={items}
                                      setOpen={setOpen}
                                      setValue={setValue}
                                      setItems={setItems}
                                      schema={{
                                          label: 'name',
                                          value: 'id',
                                      }}
                                  /&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                      &lt;/View&gt;
                  &lt;/ScrollView&gt;
              &lt;/SafeAreaView&gt;
  </code></pre>
  <p>The scroll bar shows in the dropdown but its not scrollable.
  here is a reference image..</p>
  <p><a href="https://i.stack.imgur.com/CMZVD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CMZVD.png" alt="here is a image" /></a></p>