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

Question

我正在尝试在我的 React Native Android 应用程序中创建一个滑块，这对 React Native 来说相对较新。 React Native 文档说他们的 Slider 组件已弃用 (https://reactnative.dev/docs/slider.html) and directs us to use @react-native-community/slider instead (https://github.com/react-native-community/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" },

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

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

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

Answer 1

我也遇到过这个问题，如果您逐字按照设置说明进行操作，解决方案应该是：

停止 Metro Bundler。
停止 simulator/physical 设备上的应用程序。
运行 react-native-start.
运行 react-native run-android 或运行您物理设备上的应用程序。
完成！

这是为我在 iOS 上的开发修复的。希望这也能对您Android有所帮助！

Answer 2

我尝试了@Californium 的方法来停止 Metro Bundler、Simulator 并重新运行一切，但这对我不起作用。我也试过 link Slider，但这对我来说甚至没有用。

react-native link @react-native-community/slider

我想你只需要

Import Slider form 'react-native'

这对我有用。

您可以尝试所有步骤，前提是这些步骤不起作用。使用 react-native 的滑块。

Answer 3

我的解决方案是在我的项目目录中运行 "npx react-native run-android" 而不是尝试使用 "npx react-native start"。我不确定为什么会这样，但它会在另一个控制台 window（使用 cli.js）而不是在 powershell 本身中启动 metro 服务器。这似乎解决了问题。

过去，我一直直接从我的模拟 phone OS 启动应用程序，但即使我在 powershell 中有 Metro 服务器运行ning，这也不起作用。

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

RNCSlider was not found in the UI Manager when trying to use @react-native-community/slider

javascript

android

slider

npm

react-native