fix: type definition of search-bar

353170753 · Aug 21, 2019 · e0fc3f3 · e0fc3f3
1 parent d1b98c9
commit e0fc3f3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/components/search-bar/PropsType.tsx b/components/search-bar/PropsType.tsx
@@ -1,3 +1,5 @@
+import { NativeSyntheticEvent, TextInputFocusEventData } from "react-native";
+
 function noop() {}
 
 export interface SearchBarPropsType {
@@ -6,8 +8,8 @@ export interface SearchBarPropsType {
   placeholder?: string;
   onSubmit?: (value: string) => void;
   onChange?: (value: string) => void;
-  onFocus?: () => void;
-  onBlur?: () => void;
+  onFocus?: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+  onBlur?: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
   onCancel?: (value: string) => void;
   showCancelButton?: boolean;
   cancelText?: string;

diff --git a/components/search-bar/index.tsx b/components/search-bar/index.tsx
@@ -1,7 +1,6 @@
-
 import PropTypes from 'prop-types';
 import React from 'react';
-import { StyleProp, Text, TextInput, TextStyle, View } from 'react-native';
+import { NativeSyntheticEvent, StyleProp, Text, TextInput, TextInputFocusEventData, TextStyle, View } from 'react-native';
 import Icon from '../icon';
 import { WithTheme, WithThemeStyles } from '../style';
 import { getComponentLocale } from '../_util/getLocale';
@@ -75,21 +74,21 @@ export default class SearchBar extends React.Component<
     }
   };
 
-  onFocus = () => {
+  onFocus = (e: NativeSyntheticEvent<TextInputFocusEventData>) => {
     this.setState({
       focus: true,
     });
     if (this.props.onFocus) {
-      this.props.onFocus();
+      this.props.onFocus(e);
     }
   };
 
-  onBlur = () => {
+  onBlur = (e: NativeSyntheticEvent<TextInputFocusEventData>) => {
     this.setState({
       focus: false,
     });
     if (this.props.onBlur) {
-      this.props.onBlur();
+      this.props.onBlur(e);
     }
   };
   render() {