fix: avoid keyboard with search results list

This commit is contained in:
Bettenbuk Zoltan 2019-06-11 17:59:33 +02:00 committed by Zoltan Bettenbuk
parent f66478fa34
commit ce6f7308ad
2 changed files with 39 additions and 30 deletions

View File

@ -6,6 +6,7 @@ import {
ActivityIndicator, ActivityIndicator,
Alert, Alert,
FlatList, FlatList,
KeyboardAvoidingView,
SafeAreaView, SafeAreaView,
TextInput, TextInput,
TouchableOpacity, TouchableOpacity,
@ -149,6 +150,9 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<Props, State> {
headerLabelKey = 'inviteDialog.header' headerLabelKey = 'inviteDialog.header'
onPressBack = { this._onCloseAddPeopleDialog } onPressBack = { this._onCloseAddPeopleDialog }
onPressForward = { this._onInvite } /> onPressForward = { this._onInvite } />
<KeyboardAvoidingView
behavior = 'padding'
style = { styles.avoidingView }>
<SafeAreaView style = { styles.dialogWrapper }> <SafeAreaView style = { styles.dialogWrapper }>
<View <View
style = { styles.searchFieldWrapper }> style = { styles.searchFieldWrapper }>
@ -180,6 +184,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<Props, State> {
renderItem = { this._renderItem } renderItem = { this._renderItem }
style = { styles.resultList } /> style = { styles.resultList } />
</SafeAreaView> </SafeAreaView>
</KeyboardAvoidingView>
</Modal> </Modal>
); );
} }

View File

@ -17,6 +17,10 @@ export default {
fontSize: 12 fontSize: 12
}, },
avoidingView: {
flex: 1
},
dialogWrapper: { dialogWrapper: {
alignItems: 'stretch', alignItems: 'stretch',
backgroundColor: ColorPalette.white, backgroundColor: ColorPalette.white,