React native ScrollView scroll to position

Hello Friends, Welcome To Infinitbility! The simplest way of scroll to position in react native using ScrollView ref. Introduction The simplest way of auto-scroll store scrolled position on our state and use in the vertical and horizontal auto-scroll. but how it is possible auto-scroll in react native? for auto-scroll, we are use scrollView as a ref, and ScrollView provides scrollTo function for scrolling on any position in a scroll view....

October 11, 2020 · 3 min · Infinitbility

react-native-sqlite-storage examples of query

Hello Friends, Welcome To Infinitbility! React Native SQLite is a library that implements a self-contained, serverless, zero-configuration, transactional SQL database engine. SQLite is the most widely deployed SQL database engine in the world. The source code for SQLite is in the public domain. Installation SQLite is famous for its great feature zero-configuration, which means no complex setup or administration is needed. Create a New Application $ npx react-native init SQLite $ cd SQLite $ cd android $ gradlew clean Run Your Project...

October 11, 2020 · 9 min · Infinitbility

How to align icon with text in react native

Hello Friends, Welcome To Infinitbility! Many times icons not align properly with text in react native, in this article, we are learn how to align icon with text. here sharing example flexDirection: ‘row’ use for show content in a row justifyContent: ‘center’ use for aligning vertically alignItems: ‘center’ use for aligning horizontally {/* 1. flexDirection: 'row' use for show content in a row 1. justifyContent: 'center' use for aligning vertically 2....

October 10, 2020 · 2 min · Infinitbility

App crashed immediately after install react native video or track player

Hello Friends. Welcome to Infinitbility! the react-native-video already installs on your project but after install react-native-track-player your app getting crashed or react-native-track-player already install on your project but after install react-native-video your app getting crashed then this article only for you. Crashed Reason both package use Exo player for playing audio and video i.e your app getting crashed because we know we can’t use multiple time same packages with different version...

September 22, 2020 · 2 min · Infinitbility

React Native Font Family list

Hello Friends. Welcome to Infinitbility! Today, we are going to learn about in react native font family below points. Table of content React Native Supported fonts for android React Native Supported fonts for iOS Use your fonts ( custom font ) in react native Custom font in react native expo we know our react-native default fonts are San Francisco for iOS and Roboto for android. but in this article, we discuss supported fonts by react-native and how to add custom fonts using the TTF file you also get TTF files to link for fonts....

September 16, 2020 · 12 min · Infinitbility

Manage dark mode without installing any package in react native

Hello Friends, welcome to Infinitbility! Today we are going to discuss how to manage dark mode without installing any package in react native with example. I read many articles about managing dark mode applications in react-native but no one can explain without package. then I write custom code for managing dark mode without any package and sharing with you. Step 1: Create Global Veriable Create Global Veriable for manage themeMode on src\App....

September 4, 2020 · 3 min · Infinitbility