私はちょうど反応を探索しており、いくつかの疑問を持っています。スクロール、フレックスボックス、入力リストとは別に、ネイティブで反応するための一般的なUIコンポーネントは表示されません。ですから、私がiOS向けに書いているのであれば、UIの部分はAndroidの部分とは違うでしょうか?私が反応で書かれたウェブアプリを持っているなら、それを再利用することはできますか?では、Web UIをネイティブUIに再利用する可能性はありますか?どのようにそれがクロスプラットフォームですか?私は論理だけを再利用することができます。ありがとう。React NativeのiOSとAndroidの間でUIレイヤーが変更されますか?
答えて
iOSとAndroidの両方のアプリをReact Nativeで作成している場合、2つのプラットフォーム間で約90%(またはそれ以上)のUIを共有できます。
documentationを見ると、一部のUIコンポーネントにはiOS
またはAndroid
が後置されていることがわかります。これらのビューは、各プラットフォームに固有のビューであり、ネイティブの相手に自動的にマップする単一のリアクションビューにマージすることはできません(例:DrawerLayoutAndroid
)。これはAndroid固有のものです。その上View
、Image
、Button
、Text
、TextInput
など。一方、一般的な見解で
、クロスプラットフォームなので、あなたは、2つのプラットフォーム間で同じUIコードを維持することができます。 コードを分岐する唯一の場所は、特定のコンポーネントでプラットフォーム固有のUIを実装する場合です。
モバイルでReact Web UIを再利用しようとしたことはありませんでしたが、div
などのコンポーネントを使用していない場合は、img
という小さな調整が必要です。
私はこれがあなたの質問の少なくとも一部に答えることを願っています。
私はiOSのために書いている場合、UIの部分は Androidのそれとは違うでしょうか?
一般的なビューコンポーネントを使用している場合は、AndroidのUIが異なる必要はありません。コードを完全に再利用できるようになります。ただし、プラットフォーム固有のコンポーネントを使用している場合でも、条件付きでPlatform.OS === 'ios'
種類のコードを使用することで、コードベースを共有できます。 (ネイティブ反応のためのimg、無DIV など)
私はそれを再利用することができ、反応で書かれたWebアプリケーションを持っていますか?だから、Webを再利用する可能性はありますか? UIをネイティブUIに再利用しますか?
reactjs web uiコードを直接使用することはできません。あらかじめアプリケーションアーキテクチャーを十分に計画している場合は、プラットフォーム固有の(Web/Mobile)UIを別々のファイルに分けて、他のデータのレンダリングをそれらのユーザーに分けることができます。これは、大部分のコードの再利用に役立ちます。
希望に役立ちます。
- 1. JenkinsとReact Native(iOS + Android)プロジェクトのContinuosインテグレーション
- 2. React Nativeサポート(iOSとAndroid)のどのバージョンですか?
- 3. React Nativeで構築されたiOSとAndroidアプリを更新すると、Realmデータベースはどうなりますか?
- 4. React Native:カスタムUIコンポーネントのサイズを変更する
- 5. React NativeのLayoutAnimationはAndroidでサポートされていますか?
- 6. React Nativeでデータが変更された後にコンポーネントが更新されない
- 7. React Native iOS
- 8. React Nativeの文字間隔 - Android
- 9. React-Native-Meteorの更新React-Native 0.33
- 10. Nuclide React Native Inspector変更ポート
- 11. React Native Androidのグリッドビュー
- 12. React Native:イメージがIOSにロードされていません
- 13. React Native - initialProperties Android
- 14. React Native Android Webview
- 15. React native for android
- 16. iOS上でReact Nativeが返されるHTTP 406 Not Acceptableエラーメッセージ
- 17. React native JsコードからAndroidネイティブUIコンポーネントメソッドを呼び出す
- 18. オープンiOS iPadシミュレータ、React Nativeがデフォルトで
- 19. React Nativeでプログラムでボリュームを変更しますか?
- 20. React Native Android 0.30変数プロセスが見つかりません
- 21. React-NativeアプリがAndroid(Ubuntu 14.04)にインストールされていません
- 22. React-NativeはRCTPerfMonitorからUIとJS FPSを取得します
- 23. React-Native iosアプリケーションがクラッシュするとレポートが表示されない
- 24. React-native:コンポーネント間の通信
- 25. React-native Android dexDebug FAILED
- 26. React NativeのAsyncStorageに保存されているデータに、Javaレイヤーからアクセスできますか?
- 27. react-native-mapsはiosで空白です
- 28. React NativeでAndroidイメージをロード
- 29. React Native:エントリファイルパスindex.android.jsを指定されたカスタムファイルパスに変更
- 30. iOS iPad simulator with React Native