如何在React Native中重用React JS组件

Question

我是新来的React JS.我想建立这样想过用的Web应用程序也应在移动(Android和IOS)工作,react js为web application创造一些元件.所以可以使用该React js组件React native.

Answer 1

你提前做好计划是件好事.JS和Native之间100%匹配是不可能的,但经过仔细的规划,你可以重复使用.

您可能需要查看反映Web的特定于本机的组件的React Native Web项目(例如,视图,图像,文本等).

我建议在React JS中构建一个简单的原型,然后在React Native中构建一个简单的原型,这样你就可以了解这两个生态系统的差异.拥有实践经验将证明比任何写作更有益:)

Answer 2

ReactNative是一套真正的本地组件一样的View,TextInput TouchableHighlight和更多.它也是一个平台,让您运行JavaScript代码来控制这些.

Cordova中没有WebView,你得到的是具有原生视图的本机应用程序.

但这意味着,您仍然可以使用JS编写的某些或您的域逻辑,您可以在Web App中使用相同的方式.

例如,你有一个iOS的登录屏幕,但你的服务器调用的所有必要的东西,可以进入一个单独的模块,例如api/auth.js,它可以在web,ios,android,iot之间共享..什么都有.