@@ -2,36 +2,51 @@ import React, { useEffect, useState } from 'react'
2
2
import { Keyboard } from 'react-native'
3
3
4
4
5
- export default ( ) => {
6
- const [ keyboard , setKeyboard ] = useState ( { } )
5
+ export default function useKeyboard ( ) {
6
+ const [ keyboard , setKeyboard ] = useState ( { Keyboard } )
7
7
8
- const keyboardWillShow = e => {
8
+ function keyboardShown ( e ) {
9
9
setKeyboard ( {
10
10
isKeyboardShow : true ,
11
- keyboardHeight : e . endCoordinates . height
11
+ Keyboard,
12
+ endCoordinates : e . endCoordinates ,
13
+ startCoordinates : e . startCoordinates
12
14
} )
13
15
}
14
16
15
- const keyboardWillHide = e => {
17
+ function keyboardHidden ( e ) {
16
18
setKeyboard ( {
17
19
isKeyboardShow : false ,
18
- keyboardHeight : e . endCoordinates . height
20
+ Keyboard,
21
+ endCoordinates : e . endCoordinates ,
22
+ startCoordinates : e . startCoordinates
19
23
} )
20
24
}
21
25
22
26
useEffect ( ( ) => {
23
- this . keyboardWillShowListener = Keyboard . addListener (
27
+ keyboardDidShowListener = Keyboard . addListener (
24
28
'keyboardWillShow' ,
25
- keyboardWillShow
29
+ keyboardHidden
26
30
)
27
- this . keyboardWillHideListener = Keyboard . addListener (
31
+
32
+ keyboardDidShowListener = Keyboard . addListener (
33
+ 'keyboardDidShow' ,
34
+ keyboardShown
35
+ )
36
+
37
+ keyboardDidShowListener = Keyboard . addListener (
28
38
'keyboardWillHide' ,
29
- keyboardWillHide
39
+ keyboardShown
40
+ )
41
+
42
+ keyboardDidHideListener = Keyboard . addListener (
43
+ 'keyboardDidHide' ,
44
+ keyboardHidden
30
45
)
31
46
32
47
return ( ) => {
33
- this . keyboardWillShowListener . remove ( )
34
- this . keyboardWillHideListener . remove ( )
48
+ keyboardDidShowListener . remove ( )
49
+ keyboardDidHideListener . remove ( )
35
50
}
36
51
} , [ ] )
37
52
return keyboard
0 commit comments