ScrollView is React Native component equivalent to Android/iOS ScrollView, that allows the view hierarchy placed within it to be scrolled
Documentation: here
Questions tagged [react-native-scrollview]
232 questions
0
votes
1 answer
react native elements Floating Action Button
i'm using react-native-elements on my new project and decided to use floating action button on home screen. but there is an issue im facing. in home screen there is scrollView and FAB is placing itself to bottom of when i write in scroll. outside of…
yasin demir
- 135
- 1
- 8
0
votes
1 answer
horizontal scrollview inside react native drawer
I was asked to add an horizontal scrollview inside of a drawer. (Think Instagram stories but in a drawer.) The animation works very inconsistent. The most annoying is swiping to the left, the scrollview often doesn't scroll and the drawer starts the…
control-panel
- 255
- 6
- 17
0
votes
1 answer
React Native touchableOpacity and ScrollView not working as expected on ios or android
I'm creating a list with ScrollView and trying to use touchable opacity on all of the rendered items. There is only 6 items in the list but I can only get touchableOpacity to work on the last 2 items.
I'm using touchableOpacity in a components…
Ty87
- 77
- 1
- 9
0
votes
2 answers
React native renderitems with refs to textinput
i cant seem to get my head around this.
I want to to use a button to use .focus() on my textinput in react native.
How do i pass the ref to my function and call that method?
const [{ingredients}, dispatch] = React.useContext(AddRecipeContext);
const…
zebra
- 23
- 4
0
votes
1 answer
react native scrollView - scroll to bottom programatically
Im trying to scroll to end of scrollView if user chooses 'Yes' from an alert....using refs. However its not working...can anyone help?
Below is code for scrollView component opening tag
{this.scrollView = ref;}}>
Below is…
james murphy
- 1,505
- 5
- 31
- 57
0
votes
1 answer
Cannot read property 'scrollTo' of null in react native
I have a horizontal ScrollView, on which I wanted to have scroll functionality, where onPress it should scroll to right. I am using functional component.
Below is the snippets from my code:
const scroll = React.createRef();
pratteek shaurya
- 850
- 2
- 12
- 34
0
votes
2 answers
How to slide card when click on button in React Native?
I'm creating a react native app and I need to create a card slider with a button click. When click on the button need to slide to the card image and also when slide the card need to change the button color in order to the correct one. The below…
Sidath
- 379
- 1
- 9
- 25
0
votes
1 answer
scrollTo has no animation on Android
For some reason calling scrollTo({x: 50}) on ScrollView and scrollToOffset({offset: 50}) on FlatList has no animation on Android only.
const scrollViewRef = useRef(null);
...
const handleOnPress = useCallback(
(data) => {
…
MikeL
- 2,756
- 2
- 23
- 41
0
votes
0 answers
React Native show vertically overflowing items in a horizontal ScrollView
When I have a simple View with another View inside it that has a higher height, it looks like this:
hm1912
- 314
- 1
- 10
0
votes
1 answer
hide header base on scroll delta not scroll position
how I can get scroll change from start to end with react native flat list and change the height of header base on that like bellow example
example-screenshot
for instance
const delta = end_scroll_pos - start_scroll_pos; // for example delta = 60…
ho dev
- 3
- 2
0
votes
1 answer
How to Give Different Styles to Same btn in scrollView in React native?
I am creating a scrollview, in which I placed some buttons, & as btns scrolls, I want their opacity to change, I am using flatList inside the scrollView for accessing data. Here is my code.
Harpalsinh Jadav
- 1
- 3
0
votes
2 answers
React Native FlatList is giving error that It doesnot be nested inside scrollView
I am using native base, and the error is for flatlist that it contains inbuild scroll view no need to nest it into scrollView
Image 1 code:
***
Krishnan Navadia
- 74
- 1
- 4
0
votes
1 answer
ScrollView cosuming parent space entirely
I am trying something with ScrollView but I found that no matter what the height is provided in style to ScrollView, it is occupying its parent entirely. What is the issue with ScrollView?
Shubham Agarwal Bhewanewala
- 1,119
- 1
- 8
- 20
0
votes
0 answers
Multiple VirtualizedLists and ScrollViews warning
Currently there is a screen with the following schema:
// virtualized
// virtualized
// virtualized
...
is just a header-alike stylized…
Denis Kulagin
- 8,472
- 17
- 60
- 129
0
votes
1 answer
I need to highlight the menu when I scroll accordingly in react native
When I click any menu item, it scrolls to the correct section. How to highlight the correct menu when I scroll to other section, like this?
class List extends Component {
constructor(props) {
super(props);
this.arr = [];
}
…
khalifathul
- 558
- 1
- 10
- 24