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 »
A step word is formed by taking a given word, adding a letter, and anagramming the result. For example, starting with the word “APPLE”, you can add an “A” and anagram to get “APPEAL”. Given a dictionary of words and an input word, create a function that returns all valid step words. To solve the… 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 »
Watch Video Tutorial Using Simple Timer Create a simple debouncer class Implementation: Using ValueNotifier Implementation: Using “Simple Debouncer” package First Add easy_debouncer package in your dependencies https://pub.dev/packages/easy_debounce Source Code https://github.com/MrVipinVijayan/flutter_tutorials/tree/feat/debounce
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 »
To find the minimum element in a rotated sorted array in O(logN)O(\log N)O(logN) time, you can use a modified binary search approach. The key observation is that even though the array is rotated, one part of the array will still be in sorted order. By comparing elements in the middle of the array with the… 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 »
The word can be constructed from letters of sequentially adjacent cell, where “adjacent” cells are those horizontally or vertically neighboring. The same letter cell may not be used more than once. For example, given the following board: exists(board, “ABCCED”) returns true, exists(board, “SEE”) returns true, exists(board, “ABCB”) returns false. Python def exist(board, word): if not board: return False … Read More »
Java: Javascript Python: Asked by: Google
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 »
The timeline view in Swift is a bit different, because it doesn’t have a display of its own. The main idea behind timeline view is that you can provide some kind of schedule and based on the schedule the view is going to get date and you can pass it to analog view or digital… Read More »
There are two main approaches to implementing pull-to-refresh functionality in SwiftUI, depending on your SwiftUI version and desired level of customization: 1. Using the built-in refreshable modifier (iOS 16+) If you’re targeting iOS 16 and above, SwiftUI offers a built-in refreshable modifier that simplifies pull-to-refresh functionality for List and ScrollView. Here’s how to use it:… Read More »
AsyncImage is a component introduced in SwiftUI to handle the loading and displaying of remote images asynchronously. It simplifies the process of fetching images from the web, handling the loading state, and displaying a placeholder until the image is ready. Here’s a detailed breakdown of how AsyncImage works, its customisation options, and usage examples. Basic… Read More »