All Questions
Tagged with react-native-flatlist react-redux
60 questions
-1
votes
1
answer
98
views
How to prevent re render of all items in a nested flashlist with redux
Hi all so I'm working with a flattened json data for a menu component and everything works fine ,my issue is whenever i update the quantity of a particular item in the menu or decrement it my whole ...
- 315
-2
votes
3
answers
1k
views
Problem when using FlashList in React Native?
this code is supposed to load infinite data using pagination with RTK Query and Flash list.
Data is coming normally without issues the only issue is it loads all data at once and ignores the ...
- 877
0
votes
1
answer
27
views
React Native FlatList: What's more performant, passing object or passing reference to object?
I'm using MaterialTopTabNavigator with React Navigation v6. Each tab contains a FlatList. I have an array of objects that I want to render in each list, and this object is stored in Redux. I have two ...
- 7,488
1
vote
1
answer
185
views
How to remove data from Flatlist using deleted icon in react native
function Three({ navigation, route }) {
const Data = [
{
id: route.params.paramKey,
name: route.params.paramKey1,
note: route.params.paramKey2,
...
user19534405
0
votes
1
answer
792
views
TypeError: undefined is not a function (near '...mockAchievements.map...')
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 ...
2
votes
3
answers
1k
views
React native FlatList not rerendering when data prop changes to empty array
I have a FlatList with a data prop pulling from Redux
render() {
return (
<View>
<FlatList
data={this.props.arrayOfPlacesFromRedux}
renderItem={({item})...
- 1,805
0
votes
3
answers
606
views
react native FlatList not rerendering when data prop changes
I have a FlatList component that uses Redux (indirectly) as the source for the data prop. See below
const mapStateToProps = state => ({
rdx_activeUsers: state.profile.activeUsers,
});
...
- 1,805
3
votes
0
answers
215
views
Flatlist does not listing all items in react native?
I have used react-native-parallax-header npm for the parallax effect. Inside parallax, I have used flatlist.
Every time When I add a new category flatlist should reload the items fetched from API but ...
- 125
1
vote
1
answer
529
views
Instagram like Refresh Effect
Hi I'm new to react native so please bear with me I'm trying to implement Instagram like refresh effect in which the content goes down and can see a loader...any help will be appreciated
0
votes
0
answers
160
views
Flatlist adds multiple times the same items
I'm trying to make a small App to count Calories using React Navigation and React Redux. The goal is for the user to search an item in the SearchBar, tap in one of the food items which will move him ...
- 117
4
votes
2
answers
670
views
Change backgroundcolor of button in flatlist onpress
I have some buttons in my flatlist like below
const renderItem = ({ item }) => <Item name={item.name} slug={item.slug} />;
const Item = ({ name, slug }) => {
return (
<...
- 1,145
1
vote
0
answers
99
views
nested array in Flatlist created with Redux
So I'm trying to display an array with some data in a Flatlist, I use React-Redux to update the initial State in the Reducer, I do it by collecting all data in LIST CREATION screen, and I use .push to ...
- 117
0
votes
1
answer
169
views
Performing firestore query in renderItem of FlatList to pass data to return Child
this is a school project and I have been stuck on a bug for more than 12 hours...
The context is user accepts a chat request from the sender and upon doing so, a new chat 'room' is created and shown ...
- 566
1
vote
1
answer
900
views
Implement pull to refresh FlatList in React native
Flatlist code
class HomeScreen extends Component {
state = { refreshing: false }
_renderItem = ({ item }) => <ImageGrid item={item} />
_handleRefresh = () => {
...
- 21
1
vote
0
answers
157
views
React Native Flatlist - using Redux for data prop......does not re-render when Redux state changes
I pass Redux state into component as per below
const mapStateToProps = state => ({
rdx_userGPlaces: state.rdx_userGPlaces,
});
..then I pass redux state into FlatList component as follows:
...
- 1,805