React Native區分安卓/iOS平臺
React Native的Platform
模組可對平臺和版本號進行判斷。
var React = require('react-native');
var {Platform} = React;
console.log(Platform);
在安卓上執行結果:
{ OS: 'android', Version: 23 }
在iOS上執行結果如下:
{ OS: 'ios' }
根據上述內容可以對平臺進行區分。
比如說有差異的元件可以用判斷該使用哪個。
差異的元件有
元件 | 安卓 | iOS |
---|---|---|
彈窗 | Alert(可通用) | AlertIOS |
導航 | Navigator(可通用) | NavigatorIOS(效率較好) |
navbar | ToolbarAndroid | react-native-navbar |
tabbar | react-native-scrollable-tab-view | TabBarIOS |
震動 | react-native-vibration | VibrationIOS |
相簿 | rn-camera-roll | CameraRoll |
物理鍵盤監聽 | BackAndroid | NO |
Toast | ToastAndroid | NO |
持續更新中...
相關文章
- React-Native修改安卓平臺的包名React安卓
- react native 處理iOS和安卓系統文字React NativeiOS安卓
- react native ios平臺上textAlignVertical屬性不起作用React NativeiOS
- iOS React Native 混合開發整合React NativeiOSReact Native
- Facebook 開源安卓版 React Native安卓React Native
- React Native填坑之旅--多平臺支援之WebReact NativeWeb
- 跨平臺開發之React Native初體驗React Native
- react-native呼叫ios native方法-回撥ReactiOS
- 從 React Native 到 Flutter,移動跨平臺方案的真相React NativeFlutter
- React-Native iOS Module開發ReactiOS
- react-native分組列表SectionListReact
- 移動跨平臺方案對比:WEEX、React Native、Flutter和PWAReact NativeFlutter
- 《React Native跨平臺移動應用開發》讀後鬼扯React Native
- React Native安卓專案打包釋出APK步驟React Native安卓APK
- Facebook 是如何構建第一個跨平臺的 React Native APPReact NativeAPP
- Facebook 是如何做第一個跨平臺的 React Native APPReact NativeAPP
- 微軟:將向安卓和蘋果iOS平臺推出防毒軟體Defender微軟安卓蘋果iOS防毒
- VisionMobile:調查顯示安卓平臺開發者月收入逼近iOS安卓iOS
- React Native開發的乾貨集中營、玩安卓React Native安卓
- 探索 react-native run-ios(android)ReactiOSAndroid
- ? React-Native 官方示例演示 ( ios & android)ReactiOSAndroid
- React Native iOS混合開發實戰教程React NativeiOS
- iOS 開發是否要採用 React Native?iOSReact Native
- 7) React Native 整合到原生專案(iOS)React NativeiOS
- 如何配置React Native真機除錯-iOSReact Native除錯iOS
- [React Native]react-native-scrollabReact Native
- [譯] React Native 與 iOS 和 Android 通訊React NativeiOSAndroid
- 輕鬆教你React Native 混合開發(iOS篇)React NativeiOS
- iOS--React Native網路請求外掛iOSReact Native
- iOS原生專案整合 React Native 一 導航iOSReact Native
- React Native釋出APP之打包iOS應用React NativeAPPiOS
- react-native-xunfei-speechrecognizer外掛的使用(iOS)ReactiOS
- Facebook:我們是如何構建第一個跨平臺的 React Native APPReact NativeAPP
- 淺談移動應用的跨平臺開發工具(Xamarin和React Native)React Native
- 安卓iOS仍然是開發的首選平臺,H5崛起安卓iOSH5
- React Native 使用 react-native-webview 渲染 HTMLReact NativeWebViewHTML
- React Native Icon方案:react-native-svgReact NativeSVG
- React Native轉web方案:react-native-webReact NativeWeb