「反応ネイティブ」はネイティブ アプリではありません。「反応ネイティブ」によって作成されたプログラムは、ネイティブ アプリになる前に Android Studio によってコンパイルされます。ネイティブ アプリの開発モデルは、React の jsx 構文を使用して作成されます。クロスプラットフォーム モバイル アプリケーション開発フレームワークは、Facebook の初期のオープンソース JS フレームワーク React から派生したもので、ネイティブ モバイル アプリケーション プラットフォーム上で iOS と Android の 2 つの主要なプラットフォームをサポートします。
このチュートリアルの動作環境: Windows 10 システム、React バージョン 17.0.1、Dell G3 コンピューター。
React Native によって記述されたプログラムは、Android Studio によってコンパイルされた後、ネイティブ アプリになります。その開発モードは、特にフロントエンドの記述、ページ構造の記述、JS の記述、CSS ではなく CSS に似た構文の記述など、React の jsx 構文を使用して記述されます。 、これらは書かれたページコンポーネントにレンダリングできます。
React Native (略して RN) は、2015 年 4 月に Facebook によってオープンソース化されたクロスプラットフォームのモバイル アプリケーション開発フレームワークです。 Facebook の初期のオープンソース JS フレームワーク React の派生版で、ネイティブ モバイル アプリケーション プラットフォーム上の 2 つの主要なプラットフォームをサポートしています。 iOSとアンドロイド。 RN は、JavaScript 言語、HTML に似た JSX、および CSS を使用してモバイル アプリケーションを開発するため、Web フロントエンド開発に精通した技術者は、ほとんど学習せずにモバイル アプリケーション開発の分野に参入できます。
知識を広げてください:
JSX は、JavaScript と XML を組み合わせた形式です。 React は、HTML 構文を使用して仮想 DOM を作成する JSX を発明しました。 < が出現すると JSX は HTML として解析され、{ が出現すると JavaScript として解析されます。
React Native によって記述されたプログラムは、Android Studio によってコンパイルされた後、ネイティブ アプリになります。その開発モードは、特にフロントエンドの記述、ページ構造の記述、JS の記述、CSS ではなく CSS に似た構文の記述など、React の jsx 構文を使用して記述されます。 、これらは書かれたページコンポーネントにレンダリングできます。
React Native は、node および npm 環境でもコンポーネントを操作できます。その依存関係も、プラグインのインストールのリストである、node_modules から取得されます。 React Native はネイティブ プログラムであり、Web パックを使用する必要はありません。ただし、jdk および andoird 環境の構成と関連リソースのダウンロード/関連統合ツールの使用は不可欠です。
React Native の基本構造と構文
インデックス.js
アプリ.js
//一般にapp.jsに書かれているのはトップレベルのルーティングです。このapp.jsをindex.htmlに設定します。したがって、このコンポーネントは最初にレンダリングされ、その後、各サブコンポーネントの導入と使用が続きます。各コンポーネントは、このクラスのデフォルトのエクスポート クラスを通じてロードされます。コンストラクター、メンバー関数、レンダリング関数。 React ネイティブ リソースには StyleSheet オブジェクトもあります。このオブジェクトはコンポーネント スタイルを記述するために特別に使用されます。
コンストラクターには状態があり、この状態は状態と呼ばれ、コンポーネントの状態を操作するために使用されます。ここでは、状態属性が状態に設定されており、状態属性を通じて多くの柔軟な操作を実行できます。メンバー関数は、コンストラクターで設定されたこれらの状態プロパティを操作できます。レンダリング関数は render です。この関数では、インポートされたリソースのコンポーネントを参照して、より大きなコンポーネントを記述することができます。これが、Rough React ネイティブ コンポーネントの業務を完了する方法です。コードは、独自のニーズと公式ドキュメントの構文に従って記述できます。