In a React Native app, the Flexbox algorithm is used to specify the layout of a component and its children. The algorithm itself is designed to provide consistency among different screen sizes. In this tutorial, I am going to introduce you to how to use various Flexbox properties to create different layout patterns using Draftbit.

What is Draftbit?

Building Flexbox Layouts in Draftbit


In part 1 of this series, we discussed what push notifications are and how they can be a useful addition to your marketing and communication strategy. In part 2 of our push notification series, we’re going to share how you can implement push notification functionality in your app.

(Note: Depending on your skill level and experience, it may be beneficial to brush up on how to scaffold a new custom mobile app with Crowdbotics prior to jumping into this tutorial.)

How to Add a Push Notification Module to Your Mobile App

If you’re looking to add push notification functionality to your app, the Crowdbotics App Builder offers a push notification integration…

What are Push Notifications?

Push notifications are text or rich media messages sent to a user’s device or a web browser. They are used to provide convenience and value to app users and can be triggered locally or sent from a third-party service when the app is not running.

If you’re not already familiar with them, they are a fantastic way to engage with your users. For example, an app user can receive push notifications for things like traffic in their neighborhood, weather, flight check-ins, promotions, product offers, etc. …

When writing an application, asynchronous code allows you to speed up an application that has to deal with a high number of tasks simultaneously. With the Django 3.1 release, Django now supports async views, so if you are running ASGI, writing async specific tasks is now possible!

In this tutorial, we’ll build an example using the async view and compare it to a sync view using a mock HTTP request service.

Why should you use asynchronous views?

Async views are a great way to handle concurrency in an application and provide many advantages over their synchronous view counterpart. They are far more efficient when it comes…

In React Native, there are many different ways to go about displaying a collection of images in a gallery view, and a carousel is one of the most popular methods to achieve this. Using an open-source library like react-native-swiper, or something a bit more advanced like react-native-snap-carousel, provides us with the tools we need to create it, but what if you want to create a custom gallery view with additional functionality?

In this tutorial, we’re going to create a custom gallery of images using react-native-snap-carousel and FlatList from React Native, and the open-source library is going to display each image…

Draftbit is a low-code mobile app building platform that outputs production-grade React Native source code, using Expo’s SDK. Sometimes, a user might want to accomplish something with Draftbit that has not yet been productized by the Draftbit team. In those instances, the user would be able to build those features by utilizing Draftbit’s Custom Code feature. Custom Code is built of a custom component that allows you to use JSX code with your Draftbit app. At times, it utilizes an open-source package. You can also use any open-source package in this type of component.

In a nutshell, here what is…

React Native is an amazing tool for creating beautiful and high-performing mobile applications capable of running on both iOS and Android devices. When developing these apps, it’s best to create navigation that allows users to move easily from one screen to the next. The React Navigation library does a fantastic job of providing various navigation patterns for things like stacks, tabs, and drawers that can be implemented and customized based on the UI design of your app.

In this post, we’re going to create a custom tab bar using the React Navigation library bottom tabs component. We’ll start by building…

In the first tutorial in the series on creating a Bookbit Starter app from scratch, the focus was on covering the UI elements that the Draftbit’s Builder offer and how to implement them to create mobile app screens. In this tutorial, let’s apply this knowledge and learn how to use real-time data in the screens when building an application.

To fetch real-time data in an app, Draftbit Builder supports integrating REST APIs. You can connect nearly any third-party Service that exposes its REST API endpoints to a Draftbit app. We have a list of REST API integrations here that are…

Business to government (B2G) simply means that a business is selling products or services to federal, state, or local government agencies. It is one of the most challenging sectors to serve, but this challenge also represents an opportunity. In this article, we are going to break down common B2G tech challenges and how you as a business owner can operate in the technology sector and establish credibility among government clients.

How B2G differs from B2B or B2C

Before we dwell on the challenges that B2G comes with, let’s first understand how it can differ from other business paradigms such as B2B or B2C.

B2C or business-to-consumer is…

Like React Native, Draftbit Builder uses the Flexbox algorithm to specify the layout of an app screen. The algorithm provides consistency among different screen sizes. With this tutorial’s help, let’s learn step-by-step how to create a user interface using the Draftbit app builder and see in action how Flexbox layout components are configured, and understand the building blocks of the Builder. For the current example, we are building the welcome screen from Bookbit app.

Creating React Native applications gives the ability to generate one source code for multiple mobile platforms such as iOS and Android. Over the years, the developer…

Aman Mittal

👨‍💻Developer 👉 Nodejs, Reactjs, ReactNative | Tech Blogger with 2M+ views at Medium| My weekly dev newsletter 👉

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store