I’m making a flatlist in wich I display the informations on the user scroll. But I don’t know why I got this error : ERROR Warning: Encountered two children with the same key, 4. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or… Read More React Native FlatList display on Scroll

function Three({ navigation, route }) { const Data = [ { id: route.params.paramKey, name: route.params.paramKey1, note: route.params.paramKey2, desc: route.params.paramKey3, } ]; const Delete=()=>{ setInfo("") } const renderItem = ({ item }) => ( <View style={{ backgroundColor: ‘yellow’, height: 160, width: 350, borderRadius: 15, paddingLeft: 10, marginTop: 30, marginLeft: 10 }}> <Text style={{ color: ‘black’, fontSize:… Read More How to remove data from Flatlist using deleted icon in react native

I am trying to check my JSON array with a bunch of conditions. My goal is to make the whole view dynamic. I am trying to specify two different renderings but it occurs infinite or too long operation in my for loop. I hope you can help. If I uncomment the console.log() lines in if… Read More Can't assign my JSON to make dynamic display with flatlist

I am making an API call to a .NET Core API from a React Native App with Axios. On one screen I had the similar code that works perfectly but it does not work here and throws an error: [Unhandled promise rejection: TypeError: undefined is not an object (evaluating ‘request.title’)] at node_modules\react-native\Libraries\Lists\FlatList.js:597:25 in renderer at… Read More FlatList render item function does not let access passed parameters properties

I want to fetch data which data I call in my app, it’s working very well but why I am getting all those unnecessary lines as well, how to remove that, thanks for your support. please check the database image and display output image how it’s displaying. I don’t want those parts where I mark… Read More React Native Firebase Firestore data not fetching properly

How can I add a button inside flatlist, whenever I tried to add a button then I am getting multiple buttons inside flatlist. I want only one button which is scrollable with flatlist. and if I add a button outside flatlist then it’s not scrolling, it get fixed below the flatlist, only flatlist data scroll… Read More React Native how to add button inside Flatlist?

I’m trying to create an individual switch for each item in the list, each item has an isEnabled that by default it has which is false, and I just want to leave it true when I click on the react native switch, but I’m getting this error whenever I try to activate or disable this… Read More TypeError: undefined is not a function (near '…mockAchievements.map…')

I have an array of objects like: {"code": 123, "description": "Item 1", "group": 2}, {"code": 211, "description": "Item 2", "group": 2}, {"code": 234, "description": "Item 3", "group": 3}, {"code": 255, "description": "Item 4", "group": 4}, {"code": 311, "description": "Item 5", "group": 4}, I have a FlatList <FlatList data={products} … renderItem={({item, i }) => { return… Read More apply style when 2 adjacent items have different attribute

I’m new with react native. I’m using a flatlist to render data from firebase (v9). Everything works well, there isn’t any error but, the list show only one item. After searching on differents topic, I think the problem is from the keyExtractor. But i don’t know how to solve it. The Key Extractor from the… Read More React native flatlist return only one item from firestore

I’m using React Native and have built an autoscrolling Flatlist using the component ref to access the scrollToIndex method. All works fine, until I open the SideMenu which somehow causes flatList.current to become null, causing an application error. I wonder if anyone know why this is occuring? Appreciate the help. Thanks App.js import React, {useState}… Read More Flatlist createRef().current is null when opening sidemenu