跳到内容 跳到主导航 跳到页脚

基础组件

以下原生组件已经被机器人加载,orionos-sh 执行命令的时候就能正确的安装上。在package.json里手动安装时,注意填写正确的版本号,否则可能会导致机器人无法正常工作。

react-native

组件功能:使用React构建本机应用程序的框架

详细信息:https://github.com/facebook/react-native/tree/v0.59.5

版本信息:0.59.5

react

组件功能:用于构建用户界面的JavaScript库

详细信息:https://github.com/facebook/react/tree/v16.8.3

版本信息:16.8.3

react-navigation

组件功能:导航

详细信息:https://github.com/react-navigation/react-navigation/tree/3.5.1

版本信息:3.5.1

页面路由跳转的使用参考react-navigation官网,例如使用navigate、push、pop、goBack等方法进行页面跳转,推荐使用StackNavigator。

此外opk内部的路由不要覆盖小豹主程序opk的路由,否则会发生opk无法退出或退出后黑屏的问题(找不到对应的页面)

     下载示例代码

react-native-gesture-handler

组件功能:用于简化手势操控监听

详细信息:https://github.com/kmagiera/react-native-gesture-handler/tree/1.1.0

版本信息:1.1.0

react-native-svg

组件功能:支持大多数SVG元素和属性

详细信息:https://github.com/react-native-community/react-native-svg/tree/v8.0.10

版本信息:8.0.10

lodash

组件功能:提供模块化,性能和附加功能

详细信息:https://github.com/lodash/lodash/tree/4.14.1

版本信息:4.14.123

sprintf-js

组件功能:sprintf.js是一个完整的开源JavaScript sprintf实现

详细信息:https://github.com/alexei/sprintf.js/tree/1.1.2

版本信息:1.1.2

mobx

组件功能:简单,可扩展的状态管理工具

详细信息:https://github.com/mobxjs/mobx/tree/5.9.4

版本信息:5.9.4

mobx-react

组件功能:react和mobx的关联工具

详细信息:https://github.com/mobxjs/mobx-react/tree/5.4.3

版本信息:5.4.3

prop-types

组件功能:运行时类型检查工具

详细信息:https://github.com/facebook/prop-types/tree/v15.7.2

版本信息:15.7.2

react-native-fs

组件功能:为RN提供访问本地文件的能力

详细信息:https://github.com/itinance/react-native-fs

版本信息:2.14.1

react-native-slider

组件功能:React Native官方社区提供的滑动条组件。

详细信息:https://github.com/react-native-community/react-native-slider

版本信息:1.1.4

注1:使用这些react-native组件时,请注意版本号需要一一对应。如果使用npm install安装了不正确的版本可能导致组件不可用。请从package.json中去掉相应的组件后重新安装正确的版本。

注2:如果使用模块时IDE报“无法找到模块’XXX‘的声明文件错误时”,不用太在意正常使用即可,如果实在不想看到波浪线,可在代码中声明一下这个模块解决,具体方案可百度搜索:ReactNative 无法找到模块”XXX”的声明文件错误。

这篇文章是否有帮助?

0