Posts

Showing posts from October, 2021

Why You Should Consider Hybrid App Development?

Image
  The pandemic has fast-tracked the inevitable digital transformation globally. The consumers have evolved, calling for shifts in processes and systems. From schools to offices to shopping, everything has gone online. As a  mobile app development company , you need to keep check on the app usage. It is suggested that a lot of people are using mobile apps for daily functions, which means you have to think mobile-first before scheming through any solution. According to popular sources, there will be roughly  7Mn  mobile users globally by 2021. There has been a  23.3%  surge in the mobile app downloads during the pandemic. surge in mobile app downloads during the pandemic. These apps include food delivery, productivity, remote working, and other miscellaneous apps that aided people in their daily routine. All these stats point towards the growing need for mobile apps. It also shows an insight into the increasing number of apps being developed to enhance experi...

Building For React Native

Image
  Introduction - First, we need to know what exactly “ InputAccessoryView ” is, it is basically mentioned in the Apple developer documentation, so we know about the InputAccessoryView it is a custom view that occurred at the top of the system keyboard when any receiver becomes the first responder. You can check this in the image below.   InputAccessoryView redeclares anything which he inherits from UIResponder because it is based on UIResponder and InputAccessoryView has the property of reading and write and also manages a custom view. Responder infrastructure first mounts the view then keeps it in sync with the system keyboard. Some of the gestures are applied to the InputAccessoryView that gestures are like tap, drag, etc which use to dismiss the keyboard. Use Cases - There are two main use cases of InputAccessoryView. You can create a view like Facebook composer view picker   You can also design a toolbar   The second scenario is sticky text inputs: Objective-C UI...

Flutter 2.5 What’s New

Image
Flutter 2.5 is released on 8th September 2021. There are so many performance improvements in this release and we can easily track down performance problems in our app. Basically, Flutter 2.5 performance improvements are targeting iOS.  Flutter apps  built on the Apple silicon M1 Mac run on the ios simulator. It supports Full-Screen Android applications and improves improvements in scrolling, MaterialBanner support, etc. Dart 2.14: Flutter 2.5 comes with 2.14, The new release has new features like new formatting to make cascades clearer, new pub support for ignoring files, and languages features, including the return of the legendary triple shift operator. The best thing about dart 2.14 is that this release creates a standard set of hints shared between new dart and flutter projects that come out of the box. Android Full-Screen Mode: The big change in flutter 2.5 is full-screen mode support for apps running on android. There is Support for various screen modes, which affect the...

Exoplayer Integration Android

Image
Before the Exoplayer, Native Mediaplayer was the only solution for playing video and audio on an android device locally or over the internet. In the beginning, playing a simple video using Native MediaPlayer was easy but if you wanted to develop a player like Youtube it would be very hard using MediaPlayer and it would take a lot of time and also you need to put in a lot of effort and you can face a lot of challenges as well. ExoPlayer is the video player currently used in the Android YouTube app. It’s not a part of android native it’s a library that was developed by Google and maintained by Google. Using the ExoPlayer we can manage all audio and video-related stuff on our behalf and we can use a few methods and classes for developing such a good player. We can customize the player UI as well using Exoplayer. ExoPlayer was built and developed using Android MediaCodec API, which was released in Android 4.1 (API level 16 - Jelly bean). So, if we want to use Exoplayer in our app we need t...

What's New in SwiftUI 3.0

Image
  SwiftUI 3.0 available on iOS 15, iPadOS 15, macOS 12, and watchOS 12. Markdown Support and New AttributedString API In swiftUI 3.0 we can modified string using markdown and attributedString   We can add a string with markdown syntax as below:- Text("**Connect** on [Twitter](url_here)!") If customize a range of character in string then use attributed string as per below:- do { let thankYouString = try AttributedString( markdown:"**Welcome** to [website](https://example.com)") } catch { print("Couldn't parse: \(error)") } New Button Style Cancel   Destructive   None   Some (Publisher)   You can apple Bordered button style, Borderless button style, plain button style and default button style by using the button style modifier AsyncImage for load image from url SwiftUI Abstract all long process by using async image  AsyncImage(url: URL(string: <url_here>)!) You can also add a placeholder while fetching image Better keyboard management Continue Read...

React Native or Flutter What to choose for Mobile App Development?

Image
Let’s understand what is React Native. React Native is an open-source mobile application structure invented by Facebook. It is established to develop applications for Android, iOS, Web, and UWP by permissive developers to use React along with native platform efficiency. React Native is a JavaScript framework. This framework is used to write real, natively translation mobile apps for Android and ios.  Currently,  React native  has covered up 42% market in developing applications in 2021. REACT Native is a high pick for those developers who have the ability in JavaScript as there is no demand to learn Android exact Java or iOS Swift. Let’s understand what is Flutter To Understand what flutter is, we need to gain some knowledge about Dart. Dart is a programming language that is used for developing flutter apps.  Google has developed and launched this client-optimized programming language in 2011. If you are a die heart fan of java and c++, you will love to do programmin...

Pagination in Android with Paging 3

Image
  Overview Paging 3 concept introduced in the  Android Jetpack  component that helps you to display pages of data from a large number of data from local databases or remote data servers. By using the Paging 3 library, we can load a lot of data efficiently and seamlessly, only we will list or display the data based on user needs. The Paging 3 library is written entirely using Kotlin Coroutines. Advantages In-memory cache.   Kotlin low and LiveData support.   Error handling, refresh and retry capabilities.   Loading partial data based on user needs reduces the usages of network bandwidth and system resources. Architecture The Paging library can easily integrate with recommended Android app architecture. The library's components communicate with three layers of the app: Repository ViewModel View Repository In the Repository layer, there is the PagingSource. The PagingSource defines a data source and how to retrieve data from the data source. Also, we can load ...

Jetpack Compose Basics

Image
What is Jetpack Compose? Jetpack Compose is a modern toolkit for building a Native UI in Android. It simplifies and makes easy UI development on  Android . Compose is a powerful tool for building native UI and Jetpack Compose uses the Kotlin APIs. You can create a UI very easily and quickly. Why Jetpack Compose? Concise and Idiomatic Kotlin Built with the benefits that Kotlin brings Declarative Fully declarative for defining UI components Compatible Compatible with existing views Enable Beautiful Apps Designed with Material Design 100% Kotlin written in Kotlin programming language Accelerate Development writing less code and using tools One codebase No need to write XML anymore. Less code With less code, you can achieve more. Composable Function In Jetpack Compose, Composable functions are used for defining all the UI elements of your app programmatically. So, you need not create an XML file for your app screen design. You just need to make a composable function just by using the @...

Getting Started with the Navigation Component

Image
Introduction Navigation component is an API or tool in Android that makes it much easier to create, manage and edit fragment transition flows and deep linking, and many more throughout the entire application. Before the Navigation component, navigation tasks in an application were handled manually. You can add a listener for whatever UI element you want to trigger or an open and for navigation action or launching an intent to show a new activity Or transition of a Fragment. You also need to handle onbackpressed, when the user clicks on the device’s Back button. You need to handle events and open the last fragment when the user presses the back button in the application. With the help of the Navigation component, we have standard APIs, also we can see visuals of the navigation graph in IDE, which helps us to make the entire process clearer, easier, and more consistent. you can design navigation graphs by using a designing tool. Then you need to add the code which connects user interacti...

Getting Started with Kotlin Flow

Image
  If you are an  Android developer  and looking to develop an app asynchronously you might be using RxJava for that. RxJava has become one of the most important things to learn and use in Android. A lot of people use Kotlin Coroutines. The New Kotlin Coroutine version released by Jetbrains came up with Flow API as part of it. With the help of Flow, you can handle a stream of data that emits values sequentially. What are Flow APIs in Kotlin Coroutines? Flow API is the best way to handle the stream of data asynchronously that executes in a sequential manner. In RxJava, the Observables structure represents a stream of items. RxJava body does not execute until it is subscribed to by a subscriber. once it is subscribed, the subscriber starts getting the data items emitted. The same way follows in Flow works on the same condition where the code inside a flow builder does not run until the flow connection is done. Start Integrating Flow APIs in your project Add the following in ...

xCode 13 new features

Image
  xCode 13 introduce a new version of Swift language with version 5.5 Introduce new SDK for iOS 15, iPad OS 15, and Watch OS 8 1. Design Xcode 13 introduces a new file icon according to file type.   We can also hide the File extension name from the general setting. 2. Autocompletion improvement Automatic import.    For example, I’m using UIView but not imported UIKit then it will automatic import UIKit.       Now the editor also detects when you are trying to wrap optional values with if..let OR guard..let.   it completes your code block by just writing “if let (first letter of optional value )” and it will give suggestions.     Deeper Property    Xcode 13 offers autocomplete properties inside properties.   Enum case with switch:   Now we can autocomplete all enum cases in the switch case with the condition. 3. Column breakpoint Now you can add a breakpoint in a certain point instead of the whole line. 4. Version con...