尝试使用@react-native-community/slider时,在UI管理器中找不到RNCSlider

Dea*_*117 7 javascript android slider npm react-native

我正在尝试在我的 React Native Android 应用程序中创建一个滑块,并且对于 React Native 来说相对较新。React Native 文档说他们的 Slider 组件已被弃用(https://reactnative.dev/docs/slider.html),并指示我们使用 @react-native-community/slider 代替(https://github.com/react-本机社区/react-native-slider/blob/master/README.md)。

我使用 . 在我的项目目录中安装了该库npm install @react-native-community/slider --save

安装成功,我的 package.json 中的版本如下:

"dependencies": {
    "@react-native-community/slider": "^3.0.3",
    "react": "16.13.1",
    "react-native": "0.63.0" },
Run Code Online (Sandbox Code Playgroud)

我将滑块包含在我的源文件中import Slider from '@react-native-community/slider';,但是当我尝试使用标签在代码中实际创建滑块时<Slider> ... </Slider>,我收到以下编译错误:

错误不变违规:requireNativeComponent:在 UIManager 中找不到“RNCSlider”。

我一直在用头撞墙,不知道如何清除错误。我正在 Windows 10 x64 上为 Android 开发。提前致谢!

Cal*_*ium 8

我也遇到过这个问题,如果您逐字遵循设置说明,解决方案应该是:

  1. 停止 Metro Bundler。
  2. 停止模拟器/物理设备上的应用程序。
  3. 跑步react-native-start
  4. 在您的物理设备上运行react-native run-android或运行该应用程序。
  5. 完毕!

这就是我在 iOS 上进行开发时遇到的问题。希望这对您在 Android 上也有帮助!


Dea*_*117 1

我的解决方案是在我的项目目录中运行“npx react-native run-android”,而不是尝试使用“npx react-native start”。我不确定为什么会这样,但它会在另一个控制台窗口(使用 cli.js)而不是在 powershell 本身中启动 Metro 服务器。这似乎可以解决问题。

从历史上看,我一直直接从模拟手机操作系统启动该应用程序,但即使我在 powershell 中运行 Metro 服务器,这也不起作用。