【问题标题】:React-device-info issue in expo and ui-kittenexpo 和 ui-kitten 中的 React-device-info 问题
【发布时间】:2020-02-24 13:36:45
【问题描述】:

大家早上好,

我在使用 expo 和 ui-kitten 时遇到问题。我很熟悉 使用 react-native-element 作为反应原生的 UI 库。但我发现 发现 ui-kitten 具有一些令人惊叹的主题和样式功能 在 react-native、expo 和我关注这个链接 https://github.com/akveo/react-native-ui-kitten 解释 https://justinnoel.dev/2019/12/21/create-universal-react-native-apps-using-expo-for-web-and-ui-kitten.

在应用程序的目录中,我有常规的 expo 文件夹和 ui-kitten 组件所依赖的另一个文件夹 src。 但是当尝试使用 ui-kitten 词汇表设计我的应用程序时,我被要求安装节点模块内的组件使用的@react-native-community/react-device-info。 当我在应用程序中使用 DateFns 来解析和格式化日期时,就会出现问题。安装 @ui-kitten/date-fns 会出现此错误“错误 @react-native-community/react-device-info : NativeModule.RNDevice is null”。我通过堆栈跟踪尝试了建议的步骤:

  1. 如果我的 react 本机版本,将 react-device-info 链接到 react-native 是
  2. 如果我使用可可豆荚,则安装豆荚,但我没有。
  3. 重建并重新运行(我使用相同的步骤重建并重新运行 得到相同的结果)。 屏幕在这里

那么我该如何解决这个错误,在我看来,它是来自 expo 的依赖项还是来自 ui-kitten 模块中的错误,或者两者之间的冲突。 任何帮助将不胜感激!

  • 这是我的背景:

    • 主要目标是使用 ui-kitten 和 expo 功能
    • 我在安卓模拟器上运行应用程序
    • 安装 date-fns 后开始出现问题。 expo 是否无法从设备检索本机数据,例如日期时间或日历?如何解决这个问题。

    提前致谢。

【问题讨论】:

    标签: expo react-native-ui-kitten


    【解决方案1】:

    UI Kitten 与 react-native-device-info 没有共同点。如果您使用 Expo,您应该完全按照错误所说的去做:link the library

    如果您这样做,请参阅 Expo implementation 了解此软件包。

    【讨论】:

    • 感谢您的回复和链接,但有人建议我安装 react-device-info,因为我想使用 @ui-kitten/date-fns-parse。我可以在没有 react-device-info 的情况下使用 @ui-kitten/date-fns-parse 和 @ui-kitten/date-fns-format 吗?
    【解决方案2】:

    有两种方法可以解决此问题,即退出 expo 或重建另一个应用程序。事实上,expo 不支持设备时间或地理位置等原生模块,我只是忘记了。也就是说,将设备的属性与 expo 一起使用是不可行的。 所以第一种方法是通过运行expo弹出来弹出expo。但它跨越边界,expo 有一些关于依赖和部署的设施。因此,最好的选择是使用 ui-kitten 重建另一个 expo 应用程序,但避免使用 react-native 和 ui-kitten 中调用设备信息的任何功能,并在部署后添加需要设备功能的应用程序功能,例如相机、地理位置或设备的日期和时间。

    【讨论】:

    • ui kitten 与 device-info 没有共同点,你在哪里找到的这个信息?
    • @ui-kitten/date-fns 模块相同。如果您使用 date-fns,它只会为 ui 组件(例如日历)提供一些有用的功能。没有@ui-kitten/date-fns-parse
    • @artyorsh 你可能误解了我的回复,因为我的意思是这个问题与 ui-kitten 无关,我在运行 expo 时使用了本机模块。因为我在 github 上克隆了一个 ui-kitten 存储库,并且使用了不应该与 expo 一起使用但与裸 react-native 一起使用的功能。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-18
    相关资源
    最近更新 更多