当前位置: 首页 > 知识库问答 >
问题:

是否可以将React本机UI组件导入本机(Android/iOS)项目?

包阳成
2023-03-14

目标:开发一个跨平台设计系统,将其导入任何平台(React、React Native、Android、iOS)。

我们得到的工作:在React Native中开发的一个项目,其中开发了一些核心UI组件,以确保视觉效果在所有其他项目中保持一致。该项目作为依赖项导入到另一个成功使用这些组件的React Native应用程序中。到目前为止还不错。

我们卡住的地方:我们想在原生项目(Android和iOS)中导入相同的项目,并将其用作自定义小部件来构建原生UI。

从谷歌获得的知识:

>

有一个名为Diez的SDK,它可以作为从Typescript到几乎任何语言的transpiler。它处于早期访问阶段,我们不希望依赖SDK。

是否可以构建一个React Native项目作为UI组件库(即设计系统)并将其导入原生Android/iOS项目?

共有1个答案

公良光熙
2023-03-14

没有一个本机项目不积极参与到RN中,它将包括一个react本机视图——您需要添加大量内存来加载javascript解释器,并需要几秒钟的启动时间来启动该视图的react本机。从本机向RN传递数据很痛苦(从RN调用本机并不痛苦,但反向路径或多或少不存在)。如果您要尝试嵌入RN(我不建议您选择纯本机或纯RN),那么它需要是一个独立的部分,不需要与本机代码交互。

 类似资料:
  • 我们是否可以使用单个关键字而不是从'react-native‘中导入{Text,TextInput,Button,StyleSheet,View};“在react Native中?”text、TextInput、Button、StyleSheet、view“是否有可用的单个关键字选项?

  • 我遵循Android安装React导航的所有说明。 首先,“npm安装--Save React-Navigation”,“npm安装--Save React-Native-Gesture-Handler”。“react-native link react-native-gesture-handler”,最后,更新了我的 这是我得到的错误: 错误所在:在创建目录'd:\react Native pr

  • 我正在用react native构建一个应用程序。我正在尝试使用switchNavigator在导航中动态设置初始路由名称。这是我的密码: 航行js 授权加载。js 应用程序。js -- 路由AuthLoding的组件必须是React组件。 我做错了什么?

  • 朋友们好,我想让我的插件在react native中,我想从我的react native js文件调用我的ios native module函数,下面是我的代码 ios库代码如下 JS文件代码如下 我只想从我的js文件调用简单的函数到ios本机库类,但当我运行上面的代码时,我得到了像TypeError这样的错误:未定义不是一个对象(评估“MyLibManager.find事件”) 知道我该怎么解决

  • 我想在Mapbox GL native项目中运行Mapbox GL AndroidSDk TestApp,但当我导入Android Studio时,它不起作用。这是日志: 开始活动ComponentInfo{com.mapbox.mapboxsdk.testapp/com.mapbox.mapboxsdk.testapp.MainActivity}:android.view.InflateExce

  • 我想从本机模块调用react本机函数。 我已经为我的react原生应用程序创建了一个条形码扫描仪插件,条形码扫描仪SDK在原生IOS中可用 现在我的问题是,一旦条形码扫描仪扫描数据并发送到本机IOS,我如何在我的反应本机应用程序中获取这些扫描数据?(我在IOS本机中获得了扫描数据) 我想在本机模块扫描数据并将这些数据发送到react-本机时调用react-本机应用程序函数 请给出例子或适当的文件,