In this article you’ll learn what you need to start unit testing your Swift code in Xcode. It is supposed that the project is not having any test target created during it’s creation. Adding unit test target to your Xcode project To unit test your app, your Xcode project must have a unit test target.… Read More »
SwiftUI provides the symbolEffect() modifier to add built-in animation effects for SF Symbols and produce a real touch of delight with almost no effort. For example, we could animate a dog icon up and down with a gentle bounce whenever a button is pressed. You could also try .pulse to animate the opacity, but where things get really clever is when… Read More »
In latest iOS versions ( ios 17 onwards) we can directly put stroke and fill shapes just by adding modifiers one after another as shown below. It works with multiple strokes of various sizes as shown below. In older versions of iOS ( iOS 16 ) SwiftUI provides the fill(), stroke(), and strokeBorder() modifiers for adjusting the way we… Read More »
How to show alerts in swiftUI-Tutorial In our application we show alerts to users to provide some kind of information about the action they have taken. SwiftUI provides simple and direct way of showing alert to users. With iOS 15 it became even easier. In this tutorial we will show you how to setup alerts… Read More »
Sometimes we need to display basic shapes in our apps just to get more attractive UI or just to highlight something. SwiftUI has several build in shapes to help the user to ease the development. It has several built-in shapes such as rectangles, circles, and capsules, each of which can be created, color, and positioned… Read More »
In swiftUI, apple doesn’t provide any dedicated background image or color modifier. It lets us add any kind of background view using its background() modifier. For example, this creates a text view with a large font, then places a 100×100 image behind it. However, it doesn’t need to be an image all the time. For example, this… Read More »
Playing movie or videos from any source is important when it comes to application development. Apple provides some default frameworks to handle it. SwiftUI’s VideoPlayer view lets us playback movies from any URL, local or remote. It comes from the AVKit framework, this can be added to the framework by importing AVKit. The below example shows how… Read More »
In swiftUI we can render colors in different ways, one of them is gradient. In the latest versions of swiftUI it can be done easily. If you are targeting iOS 16 or later you can easily generate gradient simply by adding .gradient() to the color as shown below. To support iOS versions prior to 16,… Read More »
SFSymbols are one of the best feature provided by apple to the developers. It provides vast list of icons that can be scaled and modified as per our need. These images provides consistency across our all screens and apps without any additional effort. SwiftUI’s Image view helps us to load over 2500 SF symbols without… Read More »
In SwiftUI we can render images in different ways. SwiftUI can load images from bundle, from system icons, from a UIImage and many more. Among all these are the most common methods that we use. If you are using Xcode 15 or later, you can load image from application bundle and display it in an… Read More »
Swift’s Text views usually show static, unselectable text by default. Therefore quite often users cannot select the text and copy it, but now you can change that using the .textSelection() modifier with the .enable value. For example, this makes some text the user can select, and some the user cannot: Once the text got selected,… Read More »
Normally when user tap on url shown inside a SwiftUI Text or Link view, it opens in Safari by default. However we can customize that behavior by replacing the openURL environment key. We can either handle the link entirely or perhaps pass it back to the system to open once your custom action completes. In… Read More »
Quite often, while dealing with text contents, we come across questions like ‘how to render mark down content in text?’ SwiftUI has built-in support for rendering Markdown, including bold, italic, links, and more. It’s literally built right into SwiftUI’s Text view, so you can write code like this: The link is tappable and it will be ind… Read More »
There will be situations where you have to expose your Swift class to React Native. To do this, you need to use some Obj-C Macros available in React Native. To use these Obj-C Macros, you need a new Obj-C file: You have to import RCTBridgeModule, so that you can use the Macros to bridge the native… Read More »
SwiftUI lets us mark some parts of our view as containing sensitive information, which in practice allows us to hide or show it more easily using redaction. To use this feature in your code, first add the privacySensitive() modifier to any views that should be hidden, then apply the .redacted(reason: .privacy) modifier at a higher place in your view… Read More »
In our view we can mark a text as placeholder, meaning that it gets rendered but masked out with gray to show it isn’t final content. This is provided through the redacted(reason:) modifier, along with an unredacted() modifier you can use to override redaction as needed You can redact several things in your view at once, just by using redacted(reason:) on… Read More »
SwiftUI gives us two different modifiers to modify the spacing between letters in a text. Depending on our need we can either space the letters more tightly or further apart depending on what you want. The two modifiers tracking() and kerning() are used for adding space between the letters, but tracking will pull apart ligatures… Read More »
Like many other text UI’s SwiftUI’s Text wraps across multiple lines, they align to their leading edge by default. You can change that behavior, by using swiftUI’s ‘multilineTextAlignment()’ modifier to specify an alternative like .center, .trailing etc. For example, this will center several lines of text as they wrap across lines: Let’s use a picker… Read More »
From iOS 13 onwards apple has introduced text formatting API named ‘Format’ and it is capable of showing dates, arrays and measurements and more. If you use the .list() format type with an array of strings, you can get neatly formatted lists such as “Jay, Modi, and Webber”. For example, this will print ingredients lists correctly no… Read More »
In our previous post we talked about styling swiftUI text views with fonts, colors, line spacing and more. This time we will look deep into ‘AttributedString’. SwiftUI’s ‘Text’ view is able to render more advanced strings created using ‘AttributedString’ struct. This includes adding underlines, strike through, web links, background colours etc. We will show you… Read More »
A text view draws a string in your app’s user interface using a body font that’s appropriate for the current platform. You can choose a different standard font, like title or caption, using the font(_:) view modifier. Text views give us predictably wide range of controls in terms of how they look. They are also designed to work seamlessly alongside core apple… Read More »
Text views are used to show static text on screen. They are equal to UILabel in UIKit. The most basic type of UILabel looks like: Inside the preview window for the content view, you may see “Automatic preview updating paused”. Sometimes it shows like that, go ahead and press Resume to have swift start building… Read More »
Button In SwiftUI, you can create a button using the Button view. Here’s how you can create a simple button in SwiftUI for iOS: Preview: In the above code: 1. We create a `Button` view with an `action` closure that specifies what should happen when the button is tapped. 2. Inside the button, we provide… Read More »
In SwiftUI there is not much options to load web page. We have to use UIKit component to load a page. For this purpose we need to use MKWebView and it is not a standard component in SwiftUI for loading web content. However, you can achieve this by using WKWebView in SwiftUI. Here is a… Read More »
The view background can extend to the corners of the view. This will affect the navigation bar background. This will go behind large and inline navigation bars. For example, in below example the background colour is applied to the whole screen, but it is covering the navigation bar background too. The new initializer introduced with… Read More »