Question

我有一个使用reanimated-bottom-sheet包创建的底页，如下所示

<BottomSheet
                ref={this.bottomSheetRef}
                snapPoints={[0, 270]}
                renderContent={() => <TextEditor/>}
                renderHeader={() => <View style={{ height: 70, backgroundColor: 'red' }}><Text>HEADER</Text></View>}
                enabledBottomClamp={true}
                callbackNode={fall}
                enabledInnerScrolling={false}
            />

我可以使用this.bottomSheetRef.current.snapTo(1) / this.bottomSheetRef.current.snapTo(0)

打开/关闭底页

但是当向下滑动内页/页眉时，工作表不会关闭。

Answer 1

您可能未正确安装库 react-native-gesture-handler 。更新您的MainActivity.java文件（或在任何创建ReactActivityDelegate实例的位置），以便它覆盖负责创建ReactRootView实例的方法，然后使用此库提供的根视图包装器。不要忘记导入ReactActivityDelegate，ReactRootView和RNGestureHandlerEnabledRootView：

import com.facebook.react.ReactActivity;
+ import com.facebook.react.ReactActivityDelegate;
+ import com.facebook.react.ReactRootView;
+ import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {

  @Override
  protected String getMainComponentName() {
    return "Example";
  }

+  @Override
+  protected ReactActivityDelegate createReactActivityDelegate() {
+    return new ReactActivityDelegate(this, getMainComponentName()) {
+      @Override
+      protected ReactRootView createRootView() {
+       return new RNGestureHandlerEnabledRootView(MainActivity.this);
+      }
+    };
+  }
}

React-Native-复活的底页-无法上下拖动底页

1 个答案: