Page Summary
-
Google Search results are displayed in a SFSafariViewController by default, with customizable height using View Options.
-
SearchSuggestionsViewController, SearchSuggestionsView, SearchContentViewController, and SearchContentView can be customized using SearchSuggestionsViewOptions/SearchContentViewOptions for layout, theme, and height adjustments.
-
Layout options include carousel, compact carousel, and tiling to determine search suggestion display.
-
The theme allows you to choose between light mode, dark mode, or system appearance for the search interface.
-
Height of the SFSafariViewController can be adjusted using
detentOptionfor predefined heights orcustomizedSheetHeightFraction(iOS 16.0+ only) for full customization.
SFSafariViewController
By default, after clicking a search component, the corresponding Google Search results will be displayed in a SFSafariViewController. You can customize its height by using View Options.
View Options
Each SearchSuggestionsViewController, SearchSuggestionsView,
SearchContentViewController, SearchContentView can be customized using
SearchSuggestionsViewOptions/SearchContentViewOptions.
The available options are the
layout,
theme,
detentOption and customizedSheetHeightFraction.
Layout determines how the search suggestions are displayed. The available
options are carousel, compact carousel, and tiling.
The theme allows your app to specify light mode, dark mode, or match the system appearance.
detentOption (predefined height mode) and customizedSheetHeightFraction
(iOS 16.0+ only, fully customize the height) can be used to adjust the height of
the bottom sheet (SFSafariViewController) displaying the Google Search page.