react-native – React本机全局样式

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

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

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

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

stylesheet(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>
原文链接:https://www.f2er.com/react/302001.html

猜你在找的React相关文章