Dopebase Blog

Whether you’re building a React Native Tinder Clone or an original dating app, you’ll eventually end up implementing the UI for React Native Swipe Cards. At Instamobile, we built a Tinder cards component in React Native, for our Tinder Clone app. If you’re looking to learn how to build an app like Tinder in React Native, this tutorial is the perfect place to get started from.

Any app worth it’s salt will almost certainly have at least one, if not more than one, image picker. The image picker feature is included in a variety of major applications, including Facebook, Twitter, Instagram, and WhatsApp, amongst others. This feature allows users to choose files from their own device to use as a profile picture or to share with their friends. Setting an avatar for the user profile is by far the most typical function for an image picker to perform in a mobile application. In this guide, we’ll walk you through the process of developing an image picker using Flutter. An example Flutter app will be developed in which the user may either choose a picture from the gallery or snap a photo using the device’s camera.

Are you interested in building a React Native app that uses GraphQL API endpoints? Then you should read this tutorial. You are going to learn how to leverage Apollo to build a client-side GraphQL application with React Native and Expo. Apollo has an entire ecosystem to build GraphQL applications. You can use it to develop client-side and server-side apps separately. Apollo has more features and support than its open-source competitors in GraphQL for JavaScript world.

In this article, we are going to build a simple functionality to showcase how you can upload photos to Firebase Storage in Flutter apps. We’ll be focusing on both the UI and the code functionality.

In the past couple of years, a wave of new modern UX design patterns has emerged within the mobile design ecosystem. Many of these patterns became incredibly popular, given their success on highly scalable apps. In this series of articles, we’ll emphasize a few of these UX patterns, and discuss the benefits of applying them to your app design processes. This initial post will focus on accelerators.

This article will explain how to upload media files such as images and videos into the S3 bucket on Amazon Web Services (AWS) in Flutter apps. This technique provides support for both the Flutter Web and Flutter Mobile platforms (Android and iOS, respectively).

Firebase Cloud Messaging can power Flutter push notifications, but production setup needs more than a quick Android demo. This guide now frames the workflow around platform configuration, permissions, token lifecycle, routing, backend sends, and release-device testing.

With the evolution of internet and technology, online shopping on native e-commerce apps has exploded in recent years. Mobile apps have brought a deep connection between businesses and their customers. Shoppers are thrilled with using mobile apps to satisfy their shopping needs. In this article, we are listing the best features that any ecommerce mobile app should have, in order to provide the best possible user experience. If you're looking to take your business to the next level, by tapping into the huge mobile shopping market, you must build your own mobile app for shopping. You'll enable your customers to order your products from everywhere: their living room, a park, a beach, etc. You get the idea. You place your store into their pockets.

Breakpoints are still one of the fastest ways to understand a React Native bug. The tool has changed: for modern React Native apps, start with React Native DevTools instead of old remote Chrome debugging or standalone React Native Debugger workflows.

In this new blog post, we are going to explore some of the best Flutter app ideas that can be built by a mobile developer who is new to Flutter and Dart.

Flutter is a popular cross-platform mobile application development framework that helps building pixel-perfect UI powered by the Dart programming language. It introduces widget-based UI development which is very easy to learn and grasp. If you already have some programming experience on techs such as Java, JavaScript or PHP, then Flutter and Dart programming will be easier to grasp.

Camera features power profile photos, social posts, chat attachments, video feeds, marketplace listings, delivery proof photos, and dating profiles. The modern React Native implementation needs camera permissions, microphone permissions for video, safe previews, media validation, and an upload pipeline.

Biometric authentication can make a React Native app feel faster and safer, but it should be designed as a local unlock step, not as a replacement for your account system. The device verifies the enrolled fingerprint or face; your app decides what to unlock after that verification succeeds.

Expo's expo-local-authentication package gives React Native apps access to Face ID, Touch ID, Android Biometric Prompt, and device passcode fallback.