android - React-native-gesture-handler swipeable 不适用于 Android

Question

这是我的代码。

应用程序.js

import Swipeable from 'react-native-gesture-handler/Swipeable';

const RightActions = () => {
  return (
    <TouchableOpacity onPress={() => console.warn('works'))}>
      <Icon name="md-trash" size={18} color={Colors.red} />
    </TouchableOpacity>
  );
};

const App = () => {
  return (
    <ScrollView>
    ...
      {Object.keys(data).map(key => {
        return (
          <Swipeable key={key} renderRightActions={RightActions}>
            <View>
              <Text>Swipe left</Text>
            </View>
          </Swipeable>
        );
      });
    </ScrollView>
  );
};

export default App;

这是我的 MainActivity.java 作为包的建议。

package com.project;

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 {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "project";
    }

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

我不明白发生了什么，但这有点令人沮丧。有谁知道该怎么做？我的代码是我找到的教程的精确副本，所以我希望它能够工作。唯一的区别是我的项目使用 react-native 而教程使用 expo。

Answer 1

也许相关或不相关，因为我还是 RN 的新手，在我将 flatlist 的 renderItem 行组件放在单独的组件文件中并将其导入到主屏幕文件后，我的工作是这样的:

创建新的组件文件，实现 Swipeable 的示例。

export default RowItemComponent =()=> {
  return (
   <Swipeable>
      ....
   </Swipeable>
   )
}

导入回到主屏幕平面列表:

<Flatlist renderItem = {({item}) => { return <RowItemComponent>}}

您应该已经能够在平面列表中滑动

如果我将 renderItem 组件作为 const 放在同一个文件中，我的总是无法正常工作。