How do you work with @gorhom/bottom-sheet

[likeSo]

In order to add the keyboard handling feature, I need to follow Bottom Sheet Keyboard Handling Docs and add handleOnFocus and handleOnBlur callbacks, but there is no event data on react-native-enriched onBlur event, how do you make this work?

[likeSo]

  const handleOnFocus = useCallback(
    (args: NativeSyntheticEvent<TextInputFocusEventData>) => {
      animatedKeyboardState.set(state => ({
        ...state,
        target: args.nativeEvent.target,
      }));
      if (onFocus) {
        onFocus(args);
      }
    },
    [onFocus, animatedKeyboardState]
  );

I need NativeSyntheticEvent<TextInputFocusEventData> argument, but EnrichedTextInput's onFocus event offers no such data

[kacperzolkiewski]

Hi @likeSo,
I think there’s a bug in our type definitions. Both onBlur and onFocus do emit event data.
Could you try accessing it via .nativeEvent.target and ignore the type error for now? Let me know if that works -> if it does, we’ll fix the typings in the next release.
Thanks!

[likeSo]

@kacperzolkiewski Ok！ I will try this on Monday and give you feedback

[likeSo]

@kacperzolkiewski That works! EnrichedTextInputProps.onBlur and EnrichedTextInputProps.onFocus do not expose event data, but It actually have!

[exploIF]

As discussed, types will be fixed once #389 is merged