How do I use ScrollView in React Native?

How do I use ScrollView in React Native?

To use ScrollView in React Native, you first need to import it from 'react-native'. Then, wrap your content inside the ScrollView component.

Can you show me a simple example?

Sure! Here's a basic example:

import React from 'react';
import { ScrollView, Text, View } from 'react-native';

const App = () => {
  return (
    <ScrollView>
      <View>
        <Text>Item 1</Text>
        <Text>Item 2</Text>
        <Text>Item 3</Text>
        {/* Add more items here */}
      </View>
    </ScrollView>
  );
};

export default App;

What props can I use with ScrollView?

Some common props for ScrollView include horizontal, showsVerticalScrollIndicator, showsHorizontalScrollIndicator, and onScroll.

Is there a way to make it scroll horizontally?

Yes! Just set the horizontal prop to true like this: <ScrollView horizontal={true}>...</ScrollView>.