React Native content is not going to the next row

I am currently facing a styling issue.

What am I trying to achieve

I want to display a list of movies.

There should be around two or three movies showed per row (depending on the available space on the device).

If the list gets too long, then the user should be able to scroll vertically.

Current situation

The list of movies does not break into the next row.

See for yourself, the picture describes the issue the best

Code that I am using to achieve my goal

<ScrollView style={styles.moviesContainer} contentContainerStyle={{flexDirection: "row"}}>
                    <Movie></Movie>
                    <Movie></Movie>
                    <Movie></Movie>
                    <Movie></Movie>
                    <Movie></Movie>
                    <Movie></Movie>
                </ScrollView>

^ The moviesContainer styling only contains some margins/border.

I hope that someone can help me with this issue, but if there is something unclear, please let me know so I can add it to this question!