The Techie Crunch

Introduction: React Native Section List has only one difference compare to flatlist that it gives you section part that corresponding like border way or gives you  A performant interface for rendering sectioned lists, supporting the most handy features : Fully cross-platform. Configurable viewability callbacks. List header support. List footer support. Item separator support. Section header support. Section separator support. Heterogeneous data and item rendering support. Pull to Refresh. Scroll loading. If you don't need section support and want a simpler interface, use <FlatList>. Methods scrollToLocation recordInteraction flashScrollIndicators Process: index.js import React, { Component } from 'react'; import { AppRegistry, SectionList, StyleSheet, Text, View } from 'react-native'; export default class SectionListBasics extends Component {   render() {     return (       <View style={styles....

Introduction: React Native List show has different way to represent, react native listview either FlatList or SectionList. Flatlist is term used for static data just like array of list to view. Process: index.js import React, { Component } from 'react'; import { AppRegistry, FlatList, StyleSheet, Text, View } from 'react-native'; export default class FlatListBasics extends Component {   render() {     return (       <View style={styles.container}>         <FlatList           data={[             {key: 'Devin'},             {key: 'Jackson'},             {key: 'James'},             {key: 'Joel'},             {key: 'John'},             {key: 'Jillian'},         ...

In article, we are going to see some common errors that we are facing as beginner of react native. It is prerequisite to react native is already setup on our machine if it is not, Please go-through this article from here: Getting start with React Native I personally whenever I start any new programming language or framework I stuck on things that I wish that issue never come again, in fact it always comes. I don’t know why it comes may be I am too bad for start up or my processor of mind is too slow to adopt it. I am writing on this articles based on experiences most common and headache kind of issues/errors that I gets stuck on react native when I was beginner and eventually I was able to solve after put my lot of hours. This articles will surely helps you to find out simple and basic solution or we can say a trick as well to resolve that issues/errors. Problems * Unable to load script from assets index.android.bundle Step 1  mkdir android/app/src/m...

React Native lets us build mobile app using only JavaScript. It uses the same designs as React, letting us compose a rich mobile UI from declarative components. I am writing this article based on those experiences which I got trouble while install in all working OS like Windows, Mac, and Linux . Initially I have started working on Mac mini which have install macOS High Sierra OS, then after few month I have been shifted towards Linux OS after struggle getting speed up work in Ubuntu 14.1 again I switch over new OS which is Windows so that’s how finally I got windows 10  to set up my React Native projects. Some of those might asked which is the best OS or platform for react native, I would personally experience and got the best is Mac OS, it’s simply because it’s easy to setup X code for I- OS development and Android Studio for Android development in that, apart from this in Linux or Windows you build react native projects which for android development but we need to exp...