[解決済み] React Nativeのグローバルスタイル
2022-09-19 22:42:09
質問
私はReactの初心者ですが、コンポーネントベースのインラインスタイルの利点は理解しています。しかし、ある種のグローバルなスタイルを持つための適切な方法があるのかどうか疑問に思っています。たとえば、私はアプリ全体で同じテキストとボタンのカラーリングを使用したいと思います。
すべてのコンポーネントで繰り返すのではなく (そして、必要に応じて x の場所でそれを変更する必要があります)、最初に考えたのは、独自のファイルで「基本」スタイルシート クラスを作成し、コンポーネントでそれをインポートすることです。
より良い、またはより「React」な方法はありますか?
どのように解決するのですか?
再利用可能なスタイルシートを作成することができます。例
style.js
'use strict';
import { StyleSheet } from 'react-native';
module.exports = StyleSheet.create({
alwaysred: {
backgroundColor: 'red',
height: 100,
width: 100,
},
});
コンポーネントで
const s = require('./style');
...すると
<View style={s.alwaysred} ></View>
関連
-
[解決済み] react nativeで関数だらけのヘルパーファイルを作成する方法は?
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
-
[解決済み] react-nativeでキーボードを隠す
-
[解決済み] React Nativeでアプリ名を変更する
-
[解決済み] React Native - StyleSheetを使用する利点は、プレーンなオブジェクトと比較して何ですか?
-
[解決済み] React-Nativeは最初の文字が大文字でないものを書けない
最新
-
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 実装 サイバーパンク風ボタン