react-native – React本机全局样式

发布时间：2020-12-15 06:35:36 所属栏目：百科来源：网络整理

导读：我是React的新人，我理解基于组件的内联样式的好处。但我想知道是否有一个体面的方式有某种全球风格。例如，我想在我的应用程序中使用相同的文本和按钮着色。而不是在每个组件重复(并且随后必须在x位置更改它，如果需要)，我最初的想法是在自己的文件中创建

我是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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!