Скачать или смотреть Making .resizeable() Conditional in SwiftUI

Learn how to conditionally apply the `.resizeable()` modifier to images in SwiftUI using a custom extension. Simplify your SwiftUI code with this easy solution!
---
This video is based on the question https://stackoverflow.com/q/64180076/ asked by the user 'Robert' ( https://stackoverflow.com/u/1165268/ ) and on the answer https://stackoverflow.com/a/64180178/ provided by the user 'vacawama' ( https://stackoverflow.com/u/1630618/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How would one go about making .resizeable() conditional?

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Making .resizeable() Conditional in SwiftUI: A Simple Guide

In SwiftUI, the .resizeable() modifier is commonly used to make images flexible in size. However, there are scenarios when you might want to apply it conditionally. For instance, you may want to enable the .resizeable() property based on certain states in your application. In this guide, we'll guide you through the problem and provide a clean solution to achieve this.

The Problem

Consider a scenario in your SwiftUI application where you have a state variable—@ State var showImage = false—that controls the display state of an image. You want the image to be non-resizeable when showImage is true and resizeable when it is false. How can this be achieved effectively?

The original structure of your URLImageView might look something like this:

[[See Video to Reveal this Text or Code Snippet]]

Here, the .resizable() modifier is always applied, regardless of the showImage state.

The Solution

To implement a conditional .resizeable(), a simple extension can be created for the Image view. This extension will allow you to apply the .resizable() modifier only when a specified Boolean condition is met.

Step 1: Create a Conditional Extension

Add the following code to create an extension for the Image view:

[[See Video to Reveal this Text or Code Snippet]]

This conditionalResizable method checks the Boolean condition (resizable) and applies the .resizable() modifier accordingly.

Step 2: Apply the Extension in Your View

Now, replace your existing .resizable() modifier with the newly created method. Update the heart of your URLImageView like this:

[[See Video to Reveal this Text or Code Snippet]]

Benefits of This Approach

Code Readability: The code remains clean and organized, making it easy to understand at a glance.

Reusability: This extension can be reused in multiple Image views across your application, promoting DRY (Don't Repeat Yourself) principles.

Flexibility: You can easily adjust the conditional logic in the extension to handle more complex situations in the future.

Conclusion

Incorporating conditionals into your SwiftUI views can elevate your interface’s interactivity and responsiveness. By creating a simple extension, you have transformed the way .resizeable() is applied based on your app's state. This allows for greater control and customization of your SwiftUI components.

By understanding and applying these concepts, you can make your SwiftUI applications more dynamic and user-friendly.

Happy coding!