₦airaland Forum

Welcome, Guest: Register • Login • With Google • Trending • Recent • New

Stats: 3,344,122 members, 8,510,233 topics. Date: Friday, 30 October 2026 at 05:56 AM

Toggle theme

React Native Show Message For Empty Flatlist - Programming - Nairaland

Nairaland Forum › Science/Technology › Programming › React Native Show Message For Empty Flatlist (907 Views)

1 Reply

React Native Show Message For Empty Flatlist by skptricks(op): 8:21am On Nov 12, 2018
Post Link : React Native Show Message for empty FlatList

This tutorial explains how to display empty message "No Data Available" in FlatList view in react native application, when there is not data present in FlatList data source object. Lets consider the scenarios where we have to load bulk data in FlatList view using server side rendering, in that case we need provide appropriate message to user for the request data and their corresponding response. Generally we are come across with below scenarios :
When data is available, then it will display the data in FlatList view using renderItem prop.
When data is not available, then it will display the error message "No Data Available" to user.

React Native Show Message for empty FlatList

[img]https://3.bp..com/-Fwkielx1ej0/W-kZoPUrI9I/AAAAAAAACIA/TsTTW4PNaqQ0UKB5vfBjadPKY2iOgUpMgCLcBGAs/s640/empty.png[/img]
1 Reply

Fetch Data From An API And Display In Flatlist In React Native • Flutter Vs React Native Vs Xamarin For Cross Platform Development • React Native Simple Flatlist Component Android Example • 2 • 3 • 4

7 Mobile App Development Trends To Look For In Coming Year • Any Advice For A CSC Student • Acquire Skills In Atm Repairs And Software Development.