1. ホーム
  2. react-native

[解決済み] 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>