239 questions
0
votes
0
answers
24
views
How can I use single finger scroll reliably in iOS in ScrollList while also allowing swipe left and swipe right?
I am using React Native 0.79.6 with Expo 53.0.0 managed development and added Swipe left and Swipe right using <GestureRecognizer> from react-native-swipe-gestures 1.0.5 to my main working ...
- 277
1
vote
1
answer
72
views
GestureDetector Pan blocks vertical ScrollView scrolling in react native
I have actually created a slider with text details as user can swipe left and right and if the text or contents are large so I added ScrollView and use Gesturedetector for detecting Swipe movements as ...
- 61
1
vote
0
answers
68
views
Cannot get text input to move up and sit on top of the keyboard when it shows in React Native using react-native-keyboard-controller library
I just cannot get my text input to sit on top of the keyboard when it shows. I can get it to move up as the keyboard appears but there is always this annoying gap and I do not know how to get rid of ...
- 11
1
vote
0
answers
47
views
Content inside KeyboardAwareScrollView becomes blurry or shows transparent backdrop on SDK 33 devices when closing the keyboard
I'm facing an issue with my React Native app where the content inside a KeyboardAwareScrollView becomes blurry or shows a transparent backdrop after the user edits an input field and closes the ...
- 51
1
vote
1
answer
516
views
React Native Auto Horizontal Scroll
Is there a way to implement auto infinite horizontal scrolling in react native where we have a list that shows partners/companies just like the image attached.Link
I had tried using basic CSS and ...
- 11
1
vote
2
answers
2k
views
FlatList in ScrollView Error "VirtualizedLists should never be nested inside plain ScrollViews with the same orientation"
I make a component EventCards in this I use Flatlist. I call that component in Home component, where the EventCards component is in ScrollView.
Const Home= () => {
return (
othercomponents.....
- 83
0
votes
2
answers
1k
views
How do I add an onscroll event listener and get the current scroll position of a Scrollview using the ref of the scrollview
I am using react-native-gifted-charts to implement an area chart with mulptiple lines.
Objective: Allow a user to scroll horizontally accross the chart and but always show the minimum full range of ...
- 1
1
vote
1
answer
2k
views
BottomSheetScrollView doesnot scroll to bottom when gorhom BottomSheet is dragged up slowly
gorhom/react-native-bottom-sheet BottomSheetScrollView does not scroll to end occasionally. As far as the pattern I observed it does it when you drag it up slowly to the second snapPoint and then to ...
- 93
1
vote
0
answers
154
views
How to move the ScrollView's scrollbar slightly to the left in React Native?
I'm working on a custom dropdown component in React Native and I've encountered an issue regarding the position of the ScrollView's scrollbar.
Here is the part of the code where the issue arises:
<...
- 11
0
votes
1
answer
2k
views
React Native Bar Chart within a scroll view is cut off
I have a problem where a react-native-chart-kit is within a horizontal scrollview but the rightmost part of the bar chart gets cut off at the end of the scrollbar
import React, { useEffect } from '...
3
votes
2
answers
1k
views
React Native how to make Scroll View work inside Gesture Detector?
I am trying to implement a list inside BottomSheet Feauture in React Native. Bottomsheet is done using Animated.View inside GestureDetector. Now I want to use a scroll view inside animated view so ...
1
vote
2
answers
1k
views
React Native Refresh Control of FlatList Does Not Work Inside a Horizontal Scroll View
I am trying to create a paginated horizontal scroll view with its own vertical lists on each page. Each page must be a FlatList since I will be needed onEndReached function + I want to use refresh ...
- 540
0
votes
0
answers
105
views
Column Wrapper Style Not Working on IOS but works on android
I am trying to make item tiles and want to have even gap between two items like this..
Android
As we can see, this is not happening in IOS
IOS
My Code:
<ScrollView
horizontal
scrollEnabled={...
2
votes
1
answer
3k
views
stop ScrollView from scrolling
I want to stop a ScrollView from scrolling in React Native. I don't want to completely disable it, I just want it to stop scrolling at a specific point, so that I can scroll it again afterwards.
Since ...
0
votes
0
answers
52
views
Displaying Images from an array of URLs
I'm trying to get some images from firebase storage and display it in a gallery like view.
This is how I retrieved the URLs of uploaded images from firebase:
function listAll() :{ url: string; }[]{
...
- 41
3
votes
0
answers
718
views
Scrollview not working with React Navigation Top Tabs
I have this code below:
<ScrollView
style={{ flex: 1, backgroundColor: defaultStyles.colors.lighterGray }}
contentContainerStyle={{ flexGrow: 1 }}
>
<ImageBackground
style={styles....
- 103
3
votes
1
answer
3k
views
Dropdown picker placed above ScrollView isn't responding to scroll but ScrollView is
I have placed a Dropdown picker above a ScrollView, when both Dropdown picker and ScrollView is poppulated with data and I'm trying to scroll through the data in Dropdown it instead scrolling the ...
- 61
2
votes
0
answers
398
views
React Native: prevent ScrollView from resetting on every re-render
I have a component in my React Native app that contains a <ScrollView>. This component also receives a prop this.props.a that gets updated every 60s. So every 60s the component gets re-rendered, ...
- 7,648
0
votes
1
answer
743
views
How to scroll to image[x] in ScrollView at the first time open screen?
How to scroll to image[x] in ScrollView at the first time component load?
I want when we open this screen, ScrollView will scroll to the 4th image.
This is my demo
export default function App() {
...
- 593
0
votes
1
answer
741
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
476
views
Is there a way to somehow control the scroll position of scrollable components (e.g. ScrollView) declaratively?
i.e. by using a variable: state, Animated value, Reanimated value, whatever...
We can use imperative scrolling (like scrollToOffset etc.), but what about a declarative one? I mean how can we control ...
0
votes
1
answer
541
views
scrollview and flatlist override loading view
I have got flatlist inside scrollview and its working fine, but both going over the loading view so I got blank view while first loading which contain both of them while first run loading.
I didn't ...
- 21
0
votes
1
answer
162
views
Body become Scrollable in React Native
i have small issue with scrollview.
i want to the title become sticky and the after the title means the messageBody become scrollable.
i have tried below one for this implementation.
...
2
votes
1
answer
3k
views
Stopping multiline textInput component to scroll inside ScrollView
I am working on React Native in which I want to stop multiline textinput component's scroll inside ScrollView. How we can achieve it? Android Specially!
1
vote
0
answers
1k
views
react native scroll to selected index or item
I created top tabs with scroll view(image below). I want when user click to week 4 or next week which is hidden currently it will scroll to that week. I tried it but it's not working properly Can ...
- 172