Incorporated PR feedback

Author: summerkiflain

react-navigation-addon-search-layout.d.ts

@@ -20,6 +20,9 @@ declare module 'react-navigation-addon-search-layout' {
     /** Color of text that the user enters into the search box **/
     textColor?: string;
 
+    /** FontFamily of text that the user enters into the search box and for the text shown as cancel button **/
+    textFontFamily?: string;
+
     /** Underline color of the text input on Android **/
     searchInputUnderlineColorAndroid?: string;
 

src/SearchBar.ios.js

@@ -154,14 +154,11 @@ export default class SearchBar extends React.PureComponent {
             onLayout={this._handleLayoutCancelButton}
             onPress={this._handlePressCancelButton}>
             <Text
-              style={[
-                {
-                  fontSize: 17,
-                  color: this.props.tintColor || '#007AFF',
-                },
-                this.props.textFontFamily ? { fontFamily: this.props.textFontFamily } : null
-              ]}
-            >
+              style={{
+                fontSize: 17,
+                color: this.props.tintColor || '#007AFF',
+                ...(this.props.textFontFamily && { fontFamily: this.props.textFontFamily }),
+              }}>
               {this.props.cancelButtonText || 'Cancel'}
             </Text>
           </TouchableOpacity>