Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Implementing ScrollView for Scrolling Content | Core Concepts of React Native
Foundations of React Native

book
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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 8

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

We use cookies to make your experience better!
some-alt