fix: solved an issue where the first item in the list was behind the …

…searchbar
n4kz · Mar 31, 2021 · 185e1b4 · 185e1b4
1 parent 4028f09
commit 185e1b4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/dropdown/index.js b/src/components/dropdown/index.js
@@ -764,14 +764,15 @@ export default class Dropdown extends PureComponent {
             onResponderRelease={this.blur}
           >
             <View
-              style={[styles.picker, pickerStyle, pickerStyleOverrides]}
+              style={[styles.picker, pickerStyle, pickerStyleOverrides, {height: 200}]}
               onStartShouldSetResponder={() => true}
             >
               <TextInput
                 style={styles.input}
                 placeholder={'Search here'}
                 onChangeText={text => this.searchFilterFunction(text)}
               />
+
               <FlatList
                 ref={this.updateScrollRef}
                 data={this.state.data}

diff --git a/src/components/dropdown/styles.js b/src/components/dropdown/styles.js
@@ -34,7 +34,6 @@ export default StyleSheet.create({
   picker: {
     backgroundColor: 'rgba(255, 255, 255, 1.0)',
     borderRadius: 2,
-
     position: 'absolute',
 
     ...Platform.select({
@@ -56,7 +55,7 @@ export default StyleSheet.create({
   },
 
   scroll: {
-    flex: 1,
+    flex: 0.8,
     borderRadius: 2,
   },
 
@@ -65,6 +64,7 @@ export default StyleSheet.create({
   },
 
   input: {
+    flex: 0.2,
     height: 40,
     margin: 12,
     borderBottomWidth: 0.5,