2016-11-30 19 views
0

私はちょうど反応を探索しており、いくつかの疑問を持っています。スクロール、フレックスボックス、入力リストとは別に、ネイティブで反応するための一般的なUIコンポーネントは表示されません。ですから、私がiOS向けに書いているのであれば、UIの部分はAndroidの部分とは違うでしょうか?私が反応で書かれたウェブアプリを持っているなら、それを再利用することはできますか?では、Web UIをネイティブUIに再利用する可能性はありますか?どのようにそれがクロスプラットフォームですか?私は論理だけを再利用することができます。ありがとう。React NativeのiOSとAndroidの間でUIレイヤーが変更されますか?

答えて

1

iOSとAndroidの両方のアプリをReact Nativeで作成している場合、2つのプラットフォーム間で約90%(またはそれ以上)のUIを共有できます。

documentationを見ると、一部のUIコンポーネントにはiOSまたはAndroidが後置されていることがわかります。これらのビューは、各プラットフォームに固有のビューであり、ネイティブの相手に自動的にマップする単一のリアクションビューにマージすることはできません(例:DrawerLayoutAndroid)。これはAndroid固有のものです。その上ViewImageButtonTextTextInputなど。一方、一般的な見解で

、クロスプラットフォームなので、あなたは、2つのプラットフォーム間で同じUIコードを維持することができます。 コードを分岐する唯一の場所は、特定のコンポーネントでプラットフォーム固有のUIを実装する場合です。

モバイルでReact Web UIを再利用しようとしたことはありませんでしたが、divなどのコンポーネントを使用していない場合は、imgという小さな調整が必要です。

私はこれがあなたの質問の少なくとも一部に答えることを願っています。

1

私はiOSのために書いている場合、UIの部分は Androidのそれとは違うでしょうか?

一般的なビューコンポーネントを使用している場合は、AndroidのUIが異なる必要はありません。コードを完全に再利用できるようになります。ただし、プラットフォーム固有のコンポーネントを使用している場合でも、条件付きでPlatform.OS === 'ios'種類のコードを使用することで、コードベースを共有できます。 (ネイティブ反応のためのimg、無DIV など)

私はそれを再利用することができ、反応で書かれたWebアプリケーションを持っていますか?だから、Webを再利用する可能性はありますか? UIをネイティブUIに再利用しますか?

reactjs web uiコードを直接使用することはできません。あらかじめアプリケーションアーキテクチャーを十分に計画している場合は、プラットフォーム固有の(Web/Mobile)UIを別々のファイルに分けて、他のデータのレンダリングをそれらのユーザーに分けることができます。これは、大部分のコードの再利用に役立ちます。

希望に役立ちます。

関連する問題