Display search results
Stay organized with collections
Save and categorize content based on your preferences.
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.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-11-05 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-11-05 UTC."],[[["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 `detentOption` for predefined heights or `customizedSheetHeightFraction` (iOS 16.0+ only) for full customization."]]],["Clicking a search component displays Google Search results in an SFSafariViewController. This view's height is customizable via View Options, including layout, theme, `detentOption`, and `customizedSheetHeightFraction`. Layout options include carousel, compact carousel, and tiling. Themes allow for light, dark, or system-matched appearances. `detentOption` offers predefined height modes, while `customizedSheetHeightFraction` (iOS 16.0+) allows for full height customization. These options apply to `SearchSuggestionsViewController` and `SearchContentViewController`.\n"]]