StyleSheet.createのポイントは何ですか?
2023-11-06 07:55:20
質問
を読んでいるのですが
React Nativeドキュメント/チュートリアル
を読んでいるのですが、この
StyleSheet.create
関数は何のためにあるのでしょうか。
例えば、チュートリアルでは以下のようなコードになっています。
const styles = StyleSheet.create({
bigblue: {
color: 'blue',
fontWeight: 'bold',
fontSize: 30,
},
red: {
color: 'red',
},
});
でも、その違いがよくわからない。
const styles = {
bigblue: {
color: 'blue',
fontWeight: 'bold',
fontSize: 30,
},
red: {
color: 'red',
},
};
どのように解決するのですか?
TL;DR
常に
StyleSheet.create()
を使うようにしましょう。
は ニコによる回答 は正しいのですが、それ以上のことがあります。
要約すると
- ニコによって言及されたように、スタイルを検証します。
- で述べたように ドキュメントにあるように :
スタイルオブジェクトからスタイルシートを作成することで、毎回新しいスタイルオブジェクトを作成するのではなく、IDで参照することが可能になります。
- にも記載されている ドキュメント :
また、ブリッジを通じて一度だけスタイルを送信することができます。それ以降のすべての使用は、id(まだ実装されていません)を参照することになります。
ご存知のように、ブリッジを介したデータの送信は非常にコストのかかる操作であり、アプリケーションのパフォーマンスに大きな影響を及ぼします。そのため
StyleSheet.create()
を使うことで、ブリッジへの負担を減らすことができます。
関連
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み】React ネイティブのテキストが画面外に出てしまい、折り返すことを拒否されています。どうすればいいですか?
-
[解決済み] React Native - StyleSheetを使用する利点は、プレーンなオブジェクトと比較して何ですか?
-
[解決済み] TouchableNativeFeedback、TouchableHighlight、TouchableOpacityをいつ使うか?
-
[解決済み] react nativeプロジェクトにインストールされたライブラリを削除する方法
-
[解決済み] React Nativeのグローバルスタイル
-
[解決済み] React Nativeのエラー。"javaのバージョンを'9.0.1'から決定できませんでした。"
-
[解決済み] React Nativeのスタイルはグラデーションをサポートしていますか?
-
[解決済み] Xcode throws 'atomic_notify_one<unsigned long>' is unavailable
-
[解決済み] React Native Android ビルドエラー MainActivity.java:29: error: cannot find symbol
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] React-Nativeは最初の文字が大文字でないものを書けない
-
[解決済み] react nativeプロジェクトにインストールされたライブラリを削除する方法
-
[解決済み] React Nativeのエラー。"javaのバージョンを'9.0.1'から決定できませんでした。"
-
[解決済み] React Native アニメーション、完全なイベント
-
[解決済み] React Nativeで電話をかけるには?
-
[解決済み] React Nativeで「リモートデバッガがバックグラウンドのタブにある」という警告を消す。
-
[解決済み] React Native のフラットリスト、カラム、最後のアイテム幅
-
[解決済み] モジュール `@babel/runtime/helpers/interopRequireDefault` を解決できない。
-
[解決済み] React Nativeでキーボードの開閉を検出する方法
-
[解決済み] React-nativeで要素をループさせてレンダリングする方法とは?