robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fix keyboard overlaying onboarding inputs (#4558)
hailey.at
+12
-3
+5
-2
src/components/forms/DateField/index.tsx
+5
-2
src/components/forms/DateField/index.tsx
···
1
1
import React from 'react'
2
-
import {View} from 'react-native'
2
+
import {Keyboard, View} from 'react-native'
3
3
import DatePicker from 'react-native-date-picker'
4
4
import {msg, Trans} from '@lingui/macro'
5
5
import {useLingui} from '@lingui/react'
···
49
49
<DateFieldButton
50
50
label={label}
51
51
value={value}
52
-
onPress={control.open}
52
+
onPress={() => {
53
+
Keyboard.dismiss()
54
+
control.open()
55
+
}}
53
56
isInvalid={isInvalid}
54
57
accessibilityHint={accessibilityHint}
55
58
/>
+7
-1
src/view/com/util/layouts/LoggedOutLayout.tsx
+7
-1
src/view/com/util/layouts/LoggedOutLayout.tsx
···
3
3
4
4
import {isWeb} from '#/platform/detection'
5
5
import {useColorSchemeStyle} from 'lib/hooks/useColorSchemeStyle'
6
+
import {useIsKeyboardVisible} from 'lib/hooks/useIsKeyboardVisible'
6
7
import {usePalette} from 'lib/hooks/usePalette'
7
8
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
8
9
import {atoms as a} from '#/alf'
···
29
30
borderLeftWidth: 1,
30
31
})
31
32
33
+
const [isKeyboardVisible] = useIsKeyboardVisible()
34
+
32
35
if (isMobile) {
33
36
if (scrollable) {
34
37
return (
35
38
<ScrollView
36
39
style={styles.scrollview}
37
40
keyboardShouldPersistTaps="handled"
38
-
keyboardDismissMode="on-drag">
41
+
keyboardDismissMode="none"
42
+
contentContainerStyle={[
43
+
{paddingBottom: isKeyboardVisible ? 300 : 0},
44
+
]}>
39
45
<View style={a.pt_md}>{children}</View>
40
46
</ScrollView>
41
47
)