zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Dismiss keyboard when closing dialog (#3053)

zio/stable
Hailey 2024-02-29 15:27:00 -08:00 committed by GitHub
parent 39d324ab8b
commit 04d4c9779f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Dialog/index.tsx
View File

@ -1,5 +1,5 @@
import React, {useImperativeHandle} from 'react' import React, {useImperativeHandle} from 'react'
import {View, Dimensions} from 'react-native' import {View, Dimensions, Keyboard} from 'react-native'
import BottomSheet, { import BottomSheet, {
BottomSheetBackdrop, BottomSheetBackdrop,
BottomSheetScrollView, BottomSheetScrollView,
@ -78,6 +78,7 @@ export function Outer({
const onChange = React.useCallback( const onChange = React.useCallback(
(index: number) => { (index: number) => {
if (index === -1) { if (index === -1) {
Keyboard.dismiss()
try { try {
closeCallback.current?.() closeCallback.current?.()
} catch (e: any) { } catch (e: any) {
@ -190,8 +191,15 @@ export function ScrollableInner({children, style}: DialogInnerProps) {
export function Handle() { export function Handle() {
const t = useTheme() const t = useTheme()
const onTouchStart = React.useCallback(() => {
Keyboard.dismiss()
}, [])
return ( return (
<View style={[a.absolute, a.w_full, a.align_center, a.z_10, {height: 40}]}> <View
style={[a.absolute, a.w_full, a.align_center, a.z_10, {height: 40}]}
onTouchStart={onTouchStart}>
<View <View
style={[ style={[
a.rounded_sm, a.rounded_sm,