Я использую реагирующий нативный viewPager из активного сообщества: https://github.com/react-native-community/react-native-viewpager
И я хотел бы отобразить что-то вроде lo go, отображаемого на главной странице:

Но похоже, что дочерний элемент viewPager должен быть растянутым, поэтому мы не можем видеть часть вторых дочерних элементов.
Я пытался установить фиксированную ширину для дочернего компонента, но он не работает:
<ViewPager
style={{
height: 100
}}
pageMargin={5}
initialPage={userPosition}
>
<View style={{width: 80, height: 100, borderColor: "green", borderWidth: 1}}/>
<View style={{width: 80, height: 100, borderColor: "green", borderWidth: 1}}/>
<View style={{width: 80, height: 100, borderColor: "green", borderWidth: 1}}/>
</ViewPager>
Есть решение этой проблемы, сохраняющее эту библиотеку? Или я должен взглянуть на библиотеку карусели?