<AI>
React Nativeで開発するGUIは、
JavaScript/TypeScriptを使用してiOSやAndroidのネイティブコンポーネント(View, Text, Imageなど)を操作する、
クロスプラットフォームのモバイルUIです vnext.co.jp blog.nkzn.net。
WebのHTML要素ではなく、各OSのUI基盤を直接利用するため、ネイティブに近い見た目と挙動を実現します codezine.jp。
React Nativeで開発するGUIの特長
ネイティブコンポーネント:
ではなく
、 ではなく といったコンポーネントを使用し、OSのネイティブUIに変換されます blog.nkzn.net。
プラットフォームの抽象化:
1つのコードベースで、iOS、Android、さらにWindowsやmacOS(react-native-windows、react-native-macos)
のGUIを生成します blog.nkzn.net。
主なUIコンポーネント:
(コンテナ)、(テキスト)、(画像)、(スクロール)、(リスト表示)、
(読み込み中)などが用意されています blog.nkzn.net。
スタイル付け:
CSSに似た「StyleSheet」を用いてスタイリングを行い、Flexboxによるレイアウトが標準です Zenn。
よく利用されるUIライブラリ
基本コンポーネントに加え、以下のようなライブラリでリッチなGUIを効率的に開発できます Zenn。
TAMAGUI:
パフォーマンスの高いUIフレームワーク。
gluestack-ui:
Tailwind CSSライクなコンポーネント。
React Native Paper:
Material Designベース。
RNUILib: Wix社製のUIライブラリ