[解決済み] 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 が実際に実装される実行時ではなく、コンパイル時に表示されます。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン