Implementing ScrollView for Scrolling Content
Theory
The ScrollView
component creates a scrollable view with a flexible height. It's particularly useful when you have content that exceeds the available space on the screen.
Why Use ScrollView
Scrolling Content: Allows you to create a container that can be scrolled vertically or horizontally to view its content;
Handling Overflow: Useful when the content inside a view is too large to fit on the screen.
Working with ScrollView
Wrap the content we want to make scrollable inside the
ScrollView
component;The
contentContainerStyle
prop is used to style the content inside the scroll view;We can change the default vertical scroll behavior to horizontal by providing the prop
horizontal
.
Example
Result
In Practice
- , opens subtitles settings dialogsubtitles settings
- subtitles off
- , selectedEnglish Captions
- 2x
- 1.5x
- , selected1x
- 0.5x
This is a modal window.
Beginning of dialog window. Escape will cancel and close the window.
End of dialog window.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo