React本地底板未对触摸输入作出React

mmvthczy  于 2023-01-09  发布在  React
关注(0)|答案(1)|浏览(133)

我想在我的新Expo应用程序(expo init)中使用React Native Bottom Sheet
我已经按照说明here .检查GitHub回购here .
这就是我所做的。

  1. expo init(空白 typescript 项目)
  2. yarn add @gorhom/bottom-sheet@^4
  3. yarn add react-native-reanimated react-native-gesture-handler
    1.将App.tsx的内容替换为snippet from the docs
    1.在babel中添加了react-native-reanimated/plugin
module.exports = function (api) {
   api.cache(true);
   return {
     presets: ["babel-preset-expo"],
     plugins: ["react-native-reanimated/plugin"],
   };
 };

1.使用expo start --clear启动expo

底部页面是可见的,但对触摸输入没有React(不移动)。它对代码更改有React(更改捕捉点等)。我使用安卓模拟器,但我也在手机上尝试过。

Here is a GitHub Repo showing the problem

gopyfrb3

gopyfrb31#

如果您使用的是Android,请将整个布局封装在GestureHandlerRootView中。

进口:

import { GestureHandlerRootView } from 'react-native-gesture-handler';

布局:

<GestureHandlerRootView style={{flex: 1}}>
// Your layout
</GestureHandlerRootView>

Similar problem has already been solved here

相关问题