小编hel*_*123的帖子

我正在尝试从屏幕底部构建一个滑动菜单。我面临的主要问题是设置用户可以拖动菜单多远的限制。

背景：

我查看了react-native-gesture-handler github上的示例。试图摆弄弹跳示例。但仍然无法弄清楚我需要做什么来设置限制。

代码：

目前我的设置如下：

import React, { Component } from 'react';
import {
    Animated,
   Text,
   View,
   Image } from 'react-native';
import { 
   PanGestureHandler, 
   USE_NATIVE_DRIVER, 
   State } from 'react-native-gesture-handler';

export default class Menu extends Component {
   constructor(props) {
      super(props);

        this._translateY = new Animated.Value(0);
      this._lastOffset = { y: 0 };
      this._onPanGestureEvent = Animated.event(
         [
            {
               nativeEvent: {
                  translationY: this._translateY,
               }
            }
         ], 
            {
               useNativeDriver: USE_NATIVE_DRIVER
            }
      );
      this._onHandlerStateChange = event => {
            if (event.nativeEvent.oldState === State.ACTIVE) …