React-native-reanimated-bottom-sheet: Bounce when snapping sheet

Created on 21 Mar 2019  路  1Comment  路  Source: osdnk/react-native-reanimated-bottom-sheet

It'd be great to have an option to enable overshooting / bouncing when the sheet snaps into a position. See the first couple of things in this gif 馃槄

twitter-sheet

Most helpful comment

Now it's possible to sth like:

<BottomSheet
          ref={this.bs}
          snapPoints = {[500, 250, 0]}
          renderContent = {this.renderInner}
          renderHeader = {this.renderHeader}
          initialSnap = {1}
          springConfig = {{
            mass: 0.3,
            damping: 5,
            stiffness: 80,
            overshootClamping: false,
          }}
          overdragResistanceFactor={2}
        />

>All comments

Now it's possible to sth like:

<BottomSheet
          ref={this.bs}
          snapPoints = {[500, 250, 0]}
          renderContent = {this.renderInner}
          renderHeader = {this.renderHeader}
          initialSnap = {1}
          springConfig = {{
            mass: 0.3,
            damping: 5,
            stiffness: 80,
            overshootClamping: false,
          }}
          overdragResistanceFactor={2}
        />
Was this page helpful?
0 / 5 - 0 ratings