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 »
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 »