はじめに セットアップ テーマを定義 Box と Text を定義 App.tsx を編集 ダークモードに対応させる さいごに 参考 はじめに React Summitで紹介されていた@shopify/restyleを触ってみました。 @shopify/restyleは、基礎となるスタイルを定数化してコンポーネントの役割ごとに色や間隔のサイズを柔軟に指定できるようにするライブラリのようです。 ReactNativeでスタイルを実装する場合、Stylesheetを定義されているかと思いますが、@shopify/restyleを利用することでStyleSheet.create()からおさらばできて、かつ、スタイルの実装がシンプルになります。 また、Typescriptで実装されていて型が強制されるので、定義していないスタイルがあたることを防いでくれます。 セットアップ $ npx react-
![Restyleを利用してスタイルを定数化する #ReactNative - KASHIMURA Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/da7910f58e8d2806f04726894d65c1b4f9d005c6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkasssssy%2F20200419%2F20200419020827.png)