All Questions
44 questions
2
votes
1
answer
2k
views
How to make Bottom Tabs Navigator tab bar not to hide content from View
I have a nested Navigator built with a Bottom Tabs Navigator, which also contains a Stack Navigator set as initial route.
The problem is that the main Screen has a View with a FlatList inside, among ...
0
votes
1
answer
54
views
Is there any react native library that I can use to achieve these two parameters in the UI below?
In the image above, I would like to know which library I can use to achieve the stories on the first screen and also, which library can I use to switch between the Current News, World News, and ...
1
vote
1
answer
783
views
How to set header in Alphabetic way in react native?
output
code
import React from 'react';
import {
Text,
View,
FlatList,
ScrollView,
SafeAreaView
} from 'react-native';
import { nameData } from './dummydata';
const windowSize = FlatList....
0
votes
2
answers
135
views
React Native - Passing navigation into a child component
I have a screen with the following:
function Intereset ({ navigation }) {
function ReturnMyFunction () {
if (!var.length) {
return ( <NoILikes /> )
} else {
return (
...
0
votes
3
answers
591
views
navigate inside renderItem of Flatlist
I have a component InventoryScreen, which holds a Flatlist like this:
<FlatList
numColumns={2}
data={filteredData}
keyExtractor={(item, index) => index....
1
vote
1
answer
1k
views
React native - how to trigger screen render on navigation
i'm making an app, and i have a screen that lists profiles, and when i touch a profile name, it navigates to another screen for editing, and on that screen i have a button for update the user profile ...
0
votes
1
answer
2k
views
ReactNavigationStack Header Style is not working only he change the header background Color
if anyone tries this so please help me, I am trying to change the border colour top and bottom in the header in react-native stack navigation , Anyone tries this please help me to sort this problem
...
0
votes
1
answer
738
views
Flatlist not scrolling react native
for some reason my flatlist is not scrolling and I'm not sure why. Would love any tips!
Here is the code for the flatlist:
return (
<Layout>
<View style={styles.header}>
...
1
vote
0
answers
577
views
How to refresh flatlist when remove item from favorites list in react native?
This is my flatlist:
<FlatList
data={filteredFilmData}
keyExtractor={(item, index) => item.id}
renderItem={renderFilmList}
...
0
votes
1
answer
493
views
How to Click on item in Flatlist to display another component without displaying it in the drawer
I have 2 screens in the drawer, one of them includes the Flatlist, what I need to do is to have a drawer with these 2 screens only but when the user clicks on an item in the flatList, another ...
-1
votes
1
answer
602
views
React Native Flatlist item navigate to new page
I'm trying to make an app where I can add item in a flatlist . Then each item I can navigate to a new page only for that specific item . In that page, I can add another flatlist.
To explain it more, ...
0
votes
1
answer
518
views
React Native Expo: auto play Audio sound
hope you are having great day.
I am trying to play an audio list on click. every thing works just find . but when I continue pressing and reaching the last audio . it gives me this error
TypeError: ...
0
votes
1
answer
558
views
React native createBottomTabNavigator
I am trying to createBottomTabNavigator but I am getting this following error
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for ...
0
votes
1
answer
144
views
completing scratch in react-native-scratch
I want to reload scratch after completing scratch in react-native-scratch but don't have any solution for that. When I complete my scratch and get my results after that I want scratch it again it's ...
0
votes
1
answer
1k
views
React Native - Send the id of the item selected in the flatlist to the new screen
I'm new to React Native. I'm adding the data from the API in the flatlist. How can I send the selected item id to the new screen? Here are my home screen codes:
import React, { useEffect, useState ...