私はちょうど反応を探索しており、いくつかの疑問を持っています。スクロール、フレックスボックス、入力リストとは別に、ネイティブで反応するための一般的な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. React Native Android/IOSのベストプッシュサービスオプション?
- 2. JenkinsとReact Native(iOS + Android)プロジェクトのContinuosインテグレーション
- 3. React Nativeサポート(iOSとAndroid)のどのバージョンですか?
- 4. React Nativeで構築されたiOSとAndroidアプリを更新すると、Realmデータベースはどうなりますか?
- 5. React-Native Android:ネイティブAndroid UIコンポーネントのオブジェクトとしてPassオブジェクト
- 6. React NativeのLayoutAnimationはAndroidでサポートされていますか?
- 7. React Native:カスタムUIコンポーネントのサイズを変更する
- 8. React Nativeでデータが変更された後にコンポーネントが更新されない
- 9. AndroidでLottie React Nativeが実行されていませんか?
- 10. React Native Android:プロダクションでコンポーネント名が削除されましたか?
- 11. React Native iOS
- 12. React Native [iOS]データベースオプション
- 13. React Nativeの文字間隔 - Android
- 14. React Native、Androidのライフサイクルとナビゲーション
- 15. React-nativeのカスタムコンポーネントの幅と高さを変更できませんか?
- 16. React-Native-Meteorの更新React-Native 0.33
- 17. コードネーム1:UIがアンドロイドとIOSのために変更される
- 18. React Native:イメージがIOSにロードされていません
- 19. React-native run-androidに時間がかかりすぎる
- 20. React Nativeを使ってandroidとiosでjsを実行しますか?
- 21. Nuclide React Native Inspector変更ポート
- 22. React Native Androidのグリッドビュー
- 23. iOS上でReact Nativeが返されるHTTP 406 Not Acceptableエラーメッセージ
- 24. React Native&Expo - SVGがiOSデバイスでレンダリングされない
- 25. React Native - ボタンを押すと状態が更新される
- 26. React native JsコードからAndroidネイティブUIコンポーネントメソッドを呼び出す
- 27. React Native NavigatorIOS子コンポーネントが親ステートの変更時に更新されない
- 28. React Native Android Webview
- 29. React Native - initialProperties Android
- 30. React native for android