1. ホーム
  2. react-native

[解決済み] React Native - StyleSheetを使用する利点は、プレーンなオブジェクトと比較して何ですか?

2022-08-04 17:01:44

質問

を使うと具体的にどのようなメリットがあるのでしょうか? StyleSheet.create() を使う利点は何でしょうか?

const styles = StyleSheet.create({
  container: {
    flex: 1
  }
}

対になる。

const styles = {
  container: {
    flex: 1
  }
}

どのように解決するのですか?

のコメント欄から直接引用して スタイルシート.js Reactネイティブの

コードの品質です。

  • スタイルをレンダー関数から遠ざけることで、コードをより理解しやすくしています。

  • スタイルに名前を付けることは、レンダー関数の低レベルのコンポーネントに意味を追加する良い方法です。

パフォーマンスです。

  • スタイルオブジェクトからスタイルシートを作成することで、毎回新しいスタイルオブジェクトを作成するのではなく、IDで参照することが可能になります。

  • また、ブリッジを通して一度だけスタイルを送信することができます。それ以降の使用はすべてidを参照することになります(まだ実装されていません)。

また、StyleSheet はスタイルシートの内容も検証します。そのため、不正なスタイル プロパティのエラーは、StyleSheet が実際に実装される実行時ではなく、コンパイル時に表示されます。