-
-
Notifications
You must be signed in to change notification settings - Fork 62
Popup Customization
Czas to iluzja - oznajmił. Tym bardziej czas lunchu.
Popups can be customized from two places: globally during Setup or individually, during Popup Declaration. If a method with the same name is called locally, then the global setting for that popup will be overridden.
Allows you to set default behaviors and styles for all popups across your application. The following sections provide an example of use and list the available methods.
@main struct App_Main: App {
var body: some Scene { WindowGroup {
ContentView()
.registerPopups { config in config
.vertical { $0
.enableDragGesture(true)
.tapOutsideToDismissPopup(true)
.cornerRadius(32)
}
.center { $0
.tapOutsideToDismissPopup(false)
.backgroundColor(.white)
}
}
}}
}-
popupHorizontalPadding(_ value: CGFloat) -> Self- Sets the horizontal padding of the popup.
- For
Top,CenterandBottompopups.
-
cornerRadius(_ value: CGFloat) -> Self- Sets the corner radius of the popup background.
- For
Top,CenterandBottompopups.
-
backgroundColor(_ color: Color) -> Self- Sets the background color of the popup.
- For
Top,CenterandBottompopups.
-
overlayColor(_ color: Color) -> Self- Sets the color of the overlay behind the popup.
- For
Top,CenterandBottompopups.
-
tapOutsideToDismissPopup(_ value: Bool) -> Self- Enables or disables the dismissal of the popup when touched outside.
- For
Top,CenterandBottompopups.
-
popupTopPadding(_ value: CGFloat) -> Self- Sets the top padding of the popup.
- For
TopandBottompopups.
-
popupBottomPadding(_ value: CGFloat) -> Self- Sets the bottom padding of the popup.
- For
TopandBottompopups.
-
dragThreshold(_ value: CGFloat) -> Self- Sets the drag threshold for dismissing the popup or moving to the next drag detent value.
- For
TopandBottompopups.
-
enableStacking(_ value: Bool) -> Self- Enables or disables the visibility of stacked popups.
- For
TopandBottompopups.
-
enableDragGesture(_ value: Bool) -> Self- Enables or disables the drag gesture for interacting with popups.
- For
TopandBottompopups.
Allows you to override the global settings for specific popups, providing flexibility for individual customization. The following sections provide an example of use and list the available methods.
struct BottomPopupExample: BottomPopup {
func configurePopup(config: BottomPopupConfig) -> BottomPopupConfig {
config
.heightMode(.auto)
.cornerRadius(44)
.dragDetents([.fraction(1.2), .fraction(1.4), .large])
}
var body: some View {
Text("Hello Kitty")
}
}-
popupHorizontalPadding(_ value: CGFloat) -> Self- Sets the horizontal padding of the popup.
- For
Top,CenterandBottompopups.
-
cornerRadius(_ value: CGFloat) -> Self- Sets the corner radius of the popup background.
- For
Top,CenterandBottompopups.
-
backgroundColor(_ color: Color) -> Self- Sets the background color of the popup.
- For
Top,CenterandBottompopups.
-
overlayColor(_ color: Color) -> Self- Sets the color of the overlay behind the popup.
- For
Top,CenterandBottompopups.
-
tapOutsideToDismissPopup(_ value: Bool) -> Self- Enables or disables the dismissal of the popup when touched outside.
- For
Top,CenterandBottompopups.
-
popupTopPadding(_ value: CGFloat) -> Self- Sets the top padding of the popup.
- For
TopandBottompopups.
-
popupBottomPadding(_ value: CGFloat) -> Self- Sets the bottom padding of the popup.
- For
TopandBottompopups.
-
ignoreSafeArea(edges: Edge.Set) -> Self- Expands the safe area of a popup.
- For
TopandBottompopups.
-
heightMode(_ value: HeightMode) -> Self- Sets the height for the popup.
- For
TopandBottompopups.
-
dragDetents(_ value: [DragDetent]) -> Self- Sets the available detents for the popup.
- For
TopandBottompopups.
-
enableDragGesture(_ value: Bool) -> Self- Enables or disables the drag gesture for interacting with popups.
- For
TopandBottompopups.