反応するネイティブのViewPagerAndroid peekプロパティ

Question

ViewPagerAndroidで「peekEnabled」プロパティを正しく使用する方法は？

<ViewPagerAndroid peekEnabled={true} >{this.props.children}</ViewPagerAndroid> 

私はこの

Answer 1

のようなものがpeekEnabledがpaddingを持つことが期待ニーズViewPagerAndroidとして動作するようだたいです。
子ビューのスタイルはRN source codeで、position: absoluteとright,left,top,bottom: 0に設定されているため、親コンテナのパディングは効果がありません。

回避策として、pageMarginを負の値に設定し、同じ効果を達成するために子ビューでpaddingLeft,paddindRightを使用できます。

例えば：

<ViewPagerAndroid pageMargin={-70} style={{ flex: 1 }}> 
    <View style={{ padding: 35 }}> 
    <View style={{ backgroundColor: 'pink', flex: 1 }} /> 
    </View> 
    <View style={{ padding: 35 }}> 
    <View style={{ backgroundColor: 'cyan', flex: 1 }} /> 
    </View> 
    <View style={{ padding: 35 }}> 
    <View style={{ backgroundColor: 'magenta', flex: 1 }} /> 
    </View> 
</ViewPagerAndroid> 

demo