User interface 从单个React本机代码库实现不同的Android/iOS UI约定?

User interface 从单个React本机代码库实现不同的Android/iOS UI约定?,user-interface,mobile,react-native,user-experience,react-native-android,User Interface,Mobile,React Native,User Experience,React Native Android,这可能吗 我发现的每个React Native概述/分析都涵盖了使用RN的基本原因,或者是旧的(没有Android,或者“Android刚刚发布”),或者是关注它编译为本机元素的事实(即不是HTML5) 我缺少的是,内置React Native的应用程序如何满足风格指南、惯例和用户对每个平台上应用程序的预期行为?我不想让Android应用程序看起来像iOS应用程序,反之亦然。平台特定风格和交互指南的重要资源是和 在React Native上实现iOS用户体验非常简单。Android应用程序可能会

这可能吗

我发现的每个React Native概述/分析都涵盖了使用RN的基本原因,或者是旧的(没有Android,或者“Android刚刚发布”),或者是关注它编译为本机元素的事实(即不是HTML5)


我缺少的是,内置React Native的应用程序如何满足风格指南、惯例和用户对每个平台上应用程序的预期行为?我不想让Android应用程序看起来像iOS应用程序,反之亦然。

平台特定风格和交互指南的重要资源是和

在React Native上实现iOS用户体验非常简单。Android应用程序可能会受益于使用软件包获得原生感觉控制

对于通过React Native(我就是其中之一)进行移动开发的web开发人员来说,最大的挑战之一是了解是什么让他们感觉到了Native。这是一个非常主观和敏感的话题,通过阅读指南或运用逻辑工程思维来解决这个问题是不容易的


我发现,使用大量流行的应用程序,并试图对它们产生影响的原因进行推理,这是一种非常宝贵的实践,正如批判性地评估自己的工作,并将时间和精力放在细节上一样,正如@jevakallio所回答的那样,您可以根据谷歌或苹果的特定平台规则定制UI。 从技术上讲,这可以通过几种方式实现。如果差异很小,您可以使用
平台
模块进行条件检查:

if (Platform.OS === 'ios') {
    ...
} else {
    ...
}
如果差异很大,则使用文件后缀(
android
ios
):


您甚至可以为每种平台或设备类型(平板电脑或手机)创建完全不同的UI,将所有非UI逻辑保存为通用。

谢谢。我正在寻找确认/如何实际实现这些差异,假设我的设计师知道它们应该是什么。
MyComponent.ios.js
MyComponent.android.js