Merge pull request #38 from toggm/dev/support_disableFullscreenUI

Dev/support disable fullscreen ui

Author: docker-run

README.md

@@ -148,6 +148,7 @@ Change valueExtractor and pass the data to Autocomplete without fetchDataUrl
  noDataText        | Text to display when no results               |   String | No Results
  initialValue      | Text to display initially                     |   String | -
  inputContainerStyle | Styles for autocomplete container           |   Object | -
+ disableFullscreenUI | disable display inputfield in fullscreen | Boolean | false
  inputStyle        | Styles for autocomplete input                 |   Object | -
  spinnerStyle      | Styles for activity indicator                 |   Object | -
  noDataTextStyle   | Styles for empty results text                 |   Object | -
@@ -172,6 +173,7 @@ Change valueExtractor and pass the data to Autocomplete without fetchDataUrl
  fetchData         | Fetch data for autocomplete                   | Function | -
 
 
+
 ## Methods
 
 You can use methods through `ref` property:
@@ -210,8 +212,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 ### Authors:
 
  **[Maksym Plotnikov](https://github.com/maksym-plotnikov)**
- 
+
  **[Maksym Kordiyak](https://github.com/maxkordiyak)**
- 
-  While developing our react-native application I found out that there's no autocomplete library available which can satisfy a need for > 1 autocomplete on a page. Styles were overlapping and due to position: "absolute" we weren't able to actually trigger TouchableOpacity on an element from the list on android device. We used a library which provides dropdown with auto-adjusting position using measureInWindow on a ref, we tweaked it a bit and with autocomplete input and time-slicing implementation we managed to get what we need. Still we can't interact with TextInput component while dropdown is opened but this is the best result we got using React Native Modal.
 
+  While developing our react-native application I found out that there's no autocomplete library available which can satisfy a need for > 1 autocomplete on a page. Styles were overlapping and due to position: "absolute" we weren't able to actually trigger TouchableOpacity on an element from the list on android device. We used a library which provides dropdown with auto-adjusting position using measureInWindow on a ref, we tweaked it a bit and with autocomplete input and time-slicing implementation we managed to get what we need. Still we can't interact with TextInput component while dropdown is opened but this is the best result we got using React Native Modal.

components/Autocomplete/index.js

@@ -170,6 +170,7 @@ class Autocomplete extends Component {
       spinnerColor,
       placeholderColor,
       data,
+      disableFullscreenUI,
       ...dropdownProps
     } = this.props;
 
@@ -185,6 +186,7 @@ class Autocomplete extends Component {
             style={[styles.input, inputStyle]}
             placeholder={placeholder}
             placeholderTextColor={placeholderColor || theme.textSecondary}
+            disableFullscreenUI={disableFullscreenUI}
             value={inputValue}
             autoCorrect={autoCorrect}
             keyboardType={keyboardType}