我是React的新人,我理解基于组件的内联样式的好处。但我想知道是否有一个体面的方式有某种全球风格。例如,我想在我的应用程序中使用相同的文本和按钮着色。
而不是在每个组件重复(并且随后必须在x位置更改它,如果需要),我最初的想法是在自己的文件中创建一个“基础”StyleSheet类,并将其导入我的组件。
有没有更好的或更多的“反应”的方式?
你可以创建一个可重用的样式表js。例:
原文链接:https://www.f2er.com/react/302001.htmlstylesheet(style.js):
'use strict'; var React = require('react-native'); var { StyleSheet,} = React; module.exports = StyleSheet.create({ alwaysred: { backgroundColor: 'red',height: 100,width: 100,},});
在组件中使用
var s = require('./style');
然后
<View style={s.alwaysred} ></View>