android - React Native 中 iOS 和 Android 的 UI 层是否会发生变化？

Question

我只是在探索 React 并且有几个疑问。除了滚动、弹性框、文档中的输入列表之外，我没有看到用于 React Native 的通用 UI 组件。那么，如果我为 iOS 编写，UI 部分是否会与 Android 不同？如果我有一个用 React 编写的 Web 应用程序，我可以重用它吗(没有 div、img 等用于 React Native)？那么有没有可能把web UI复用到native UI呢？那么究竟如何跨平台呢？我只能重用逻辑，对吗？谢谢。

Answer 1

如果您正在使用 React Native 为 iOS 和 Android 编写应用程序，您将能够在两个平台之间共享大约 90%(或更多)的 UI。

如果您查看 documentation您会看到只有一些 UI 组件以 iOS 或 Android 为后缀。这些适用于特定于每个平台的 View ，不能合并到单个 React View 中，该 View 将自动映射到它的 native 对应 View ，例如 DrawerLayoutAndroid，它特定于 Android。

另一方面，通用 View ，如 View、Image、Button、Text、TextInput 等等，都是跨平台的，所以你可以在两个平台之间保持相同的UI代码。如果您想使用特定组件实现特定于平台的 UI，那么您将对代码进行分支的唯一地方。

我从未尝试在移动设备上重用 React Web UI，但我假设如果您不使用 div、img 等组件，它应该可以用小的调整。

我希望这至少能回答您的部分问题。