Реагировать на родной viewPager, как отключить от края до края - PullRequest
Новая
       53

Реагировать на родной viewPager, как отключить от края до края

1 голос
/ 06 февраля 2020

Я использую реагирующий нативный viewPager из активного сообщества: https://github.com/react-native-community/react-native-viewpager

И я хотел бы отобразить что-то вроде lo go, отображаемого на главной странице:

enter image description here

Но похоже, что дочерний элемент 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>

Есть решение этой проблемы, сохраняющее эту библиотеку? Или я должен взглянуть на библиотеку карусели?

...