React Nativeでのスタイリング方法を比較 ~ 2024年冬 ~

こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ React NativeではStyleSheet APIが提供されており、CSSに近い形でスタイリングを行うことが出来ます。 それ以外にも、NativeWindやTamaguiなどのスタイリングライブラリが存在します。 今回はそれらを比較しながら、それぞれのメリットなどをご紹介したいと思います。 スタイリング方法の比較 StyleSheet API React Native標準のStyleSheet APIは、次のようにStyleSheet.create()でスタイルを定義してViewにスタイルを設定できます。 import React from 'react'; import {StyleSheet, Text, View} from 'react-native'; co

[descartesrune]

“npm trends”