ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-22 21:01:31 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed issue with keyboard hiding button in iOS

Browse Source
This commit is contained in:
Nouman Tahir 2021-03-16 13:11:46 +05:00
parent 27597cc20e
commit 7ae16ea94f
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -80,6 +80,7 @@
"react-native-image-size": "^1.1.3", "react-native-image-size": "^1.1.3",
"react-native-image-zoom-viewer": "^2.2.27", "react-native-image-zoom-viewer": "^2.2.27",
"react-native-keyboard-aware-scroll-view": "^0.9.1", "react-native-keyboard-aware-scroll-view": "^0.9.1",
"react-native-keyboard-aware-view": "^0.0.14",
"react-native-linear-gradient": "^2.4.2", "react-native-linear-gradient": "^2.4.2",
"react-native-matomo-sdk": "feruzm/react-native-matomo-sdk", "react-native-matomo-sdk": "feruzm/react-native-matomo-sdk",
"react-native-modal": "^11.5.6", "react-native-modal": "^11.5.6",

8
src/components/snippetEditorModal/snippetEditorModal.tsx
View File

@ -8,6 +8,7 @@ import { addSnippet, updateSnippet } from '../../providers/ecency/ecency';
import { TextButton } from '../buttons'; import { TextButton } from '../buttons';
import Modal from '../modal'; import Modal from '../modal';
import styles from './snippetEditorModalStyles'; import styles from './snippetEditorModalStyles';
import { KeyboardAwareView } from 'react-native-keyboard-aware-view'
export interface SnippetEditorModalRef { export interface SnippetEditorModalRef {
@ -82,7 +83,7 @@ const SnippetEditorModal = ({username, onSnippetsUpdated}: SnippetEditorModalPro
const _renderContent = ( const _renderContent = (
<ThemeContainer> <ThemeContainer>
{({isDarkTheme})=>( {({isDarkTheme})=>(
<View style={styles.container}> <KeyboardAwareView style={styles.container}>
<View style={{height:Math.max(35, titleHeight)}}> <View style={{height:Math.max(35, titleHeight)}}>
<TextInput <TextInput
autoFocus={true} autoFocus={true}
@ -118,8 +119,7 @@ const SnippetEditorModal = ({username, onSnippetsUpdated}: SnippetEditorModalPro
height={100} height={100}
/> />
<View style={{flexDirection:'row', justifyContent:'flex-end', alignItems:'center'}}> <View style={styles.actionPanel}>
<TextButton <TextButton
text={intl.formatMessage({id:'snippets.btn_close'})} text={intl.formatMessage({id:'snippets.btn_close'})}
onPress={()=>setShowModal(false)} onPress={()=>setShowModal(false)}
@ -133,7 +133,7 @@ const SnippetEditorModal = ({username, onSnippetsUpdated}: SnippetEditorModalPro
/> />
</View> </View>
</View> </KeyboardAwareView>
)} )}
</ThemeContainer> </ThemeContainer>
) )

10
src/components/snippetEditorModal/snippetEditorModalStyles.ts
View File

@ -7,7 +7,7 @@ export default EStyleSheet.create({
backgroundColor: '$primaryBackgroundColor', backgroundColor: '$primaryBackgroundColor',
margin:0, margin:0,
paddingTop:32, paddingTop:32,
paddingBottom:24 paddingBottom:8
}, },
container:{ container:{
flex:1, flex:1,
@ -50,5 +50,11 @@ export default EStyleSheet.create({
borderRadius:16, borderRadius:16,
justifyContent:'center', justifyContent:'center',
alignItems:'center' alignItems:'center'
} as ViewStyle } as ViewStyle,
actionPanel:{
flexDirection:'row',
justifyContent:'flex-end',
alignItems:'center',
marginBottom:16
} as ViewStyle,
}) })