react-native – React本机全局样式

前端之家收集整理的这篇文章主要介绍了react-native – React本机全局样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是React的新人,我理解基于组件的内联样式的好处。但我想知道是否有一个体面的方式有某种全球风格。例如,我想在我的应用程序中使用相同的文本和按钮着色。

而不是在每个组件重复(并且随后必须在x位置更改它,如果需要),我最初的想法是在自己的文件中创建一个“基础”StyleSheet类,并将其导入我的组件。

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

你可以创建一个可重用的样式表js。例:

stylesheet(style.js):

@H_403_11@'use strict'; var React = require('react-native'); var { StyleSheet,} = React; module.exports = StyleSheet.create({ alwaysred: { backgroundColor: 'red',height: 100,width: 100,},});@H_301_12@

在组件中使用

@H_403_11@var s = require('./style');@H_301_12@

然后

@H_403_11@<View style={s.alwaysred} ></View>@H_301_12@

猜你在找的React相关文章