How to remove flat list padding on react native
I want the horizontal padding of the flat list closer to the edge of the screen so that the image will be shown. . Is there anyway that can be done? This is the current of what i have This…
Empty FlatList React Native
I am working on a D&D app with react native. When I try to render the code, the screen is empty and the console.log shows an array. The code: export default () => { const [loading, setLoading] = useState(true) const…
can't show data from web api with flatlist or map it to custom component – React native
I'm trying to show movies in the screen from tmdb. I can show the data in a map function with a text inside, but I can't show the data with a custom component passing props. Also I can't use Flatlist…
How to display key and value from array in Text in React Native?
I'm trying to map/loop through my array, so I can display every key and value on my mobile app screen. This is my array const getExpense = [{"fecha": "09", "text": "Comida", "value": 2896}, {"fecha": "09", "text": "Misc", "value": 1714}, {"fecha":…
Each child in a list should have a unique "key" prop, I am getting this error in my react native app
I am getting the below errors when I tried to fetch array data from firebase firestore. How can I solve this issue could someone please suggest me the code structure. VM22 bundle.js:3927 Warning: Each child in a list should have…
FlashList's rendered size is not usable – Shopify
I am migrating from flatlist to flashlist, i have upgraded my expo sdk from 45.0.0 to 46.0.0 and on implementing the flashlist as in the shopify/flashlist documentation i get the following warning " FlashList's rendered size is not usable. Either…
Re render flat list when data change cause infinite loop React Native
I have two screens. Approve List and Approve Detail. When data approved in Approve Detail, page navigate to Approve List. Then approved data should disapear from FLatList. How to remove FlatList item when data approved? or how to re render…
How do I add gap in between items in flatlist? – React native
I want to add some spacing in react native using flatlist, but it seems more difficult than it should be at the moment. Turns out that react native does not support gap property, which makes this very complicated. I solved…
Flatlist not rendering the code in react native expo
My Code import { StyleSheet, Text, View, Button, Image, FlatList, } from "react-native"; import { initializeApp } from "firebase/app"; import { getDatabase, ref, onValue, child, get } from "firebase/database"; import React, { useState } from "react"; const Product = ()…
How to show two different FlatList on one page in react native
I have to show two different FlatList one has only single column and another has two columns on same screen and I want to show it in a manner once first list data has completed only then it will show…