React Native Typescript : scroll with useRef and scrollIntoView

Question

I wanted to be able to scroll to an element when I press on a element. (ex : I press D and it scroll down to the letter D) . Howether while there is no error here, it is not scrolling down. Here is my code simplified:

const fieldRef = React.useRef<null | HTMLInputElement>(null);
  const scrollToElement = () => fieldRef.current?.scrollIntoView();

...

                    <Text
                      onPress={() => {
                        {
                          scrollToElement;
                        } }}
                     > 
                         Here
                     </Text>

...

<div ref={fieldRef}>
    <Text> Hello</Text>
</div>

I used these to try to correct my code: How to add "refs" dynamically with react hooks? as well as How to scroll to an element? as well as TypeScript error: Property 'scrollIntoView' does not exist on type 'never'. TS2339

sntrcode · Accepted Answer · 2023-01-03 14:07:00Z

0

To scroll a certain amount down:

fieldRef.current!.scroll(0, fieldRef.current!.scrollTop +30)

answered Jan 3, 2023 at 14:07

sntrcode

2223 gold badges7 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native Typescript : scroll with useRef and scrollIntoView

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related