React Native 全局样式

Question

我是 React 新手，我了解基于组件的内联样式的好处。但我想知道是否有一种体面的方式来拥有某种全球风格。例如，我想在整个应用程序中使用相同的文本和按钮着色。

我最初的想法是在它自己的文件中创建一个“基础”StyleSheet 类并将其导入我的组件中，而不是在每个组件中重复（并且随后必须在 x 位置进行更改）。

有没有更好或更“反应”的方式？

原文由 Patm 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以创建一个可重用的样式表。例子：

样式.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>

原文由 boredgames 发布，翻译遵循 CC BY-SA 4.0 许可协议