导出普通对象

Question

在React Native中，您可以使用单独的文件进行样式设置，并从其他页面访问该文件以引用样式。

'use strict';

var React = require('react-native');
const Dimensions = require('Dimensions');
var {
    StyleSheet,
    } = React;

var styles = StyleSheet.create({
    defaultBackground: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#ffffff',
    },
    menuButton: {
        fontSize: 22,
        color: '#ffffff',
        paddingHorizontal: 20,
    },
    container: {
        flex: 1
    }
});

module.exports = styles;

这是由React的“StyleSheet”获得的。

说出如下的样本，

myName: 'Username',
myURL: 'www.google.com',
reactNativeUser: true,
age: 22,

这样的东西可以作为属性文件在单独的文件中使用，并在整个应用程序中使用。

如何实现这一目标？

Answer 1

导出普通对象

您可以导出普通对象。并根据需要创建样式表。

module.exports

也许我没有正确理解你的问题。要导出这些常量，您可以使用相同的方法。

// style.js
export const Style = {
    defaultBackground: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#ffffff',
    },
    menuButton: {
        fontSize: 22,
        color: '#ffffff',
        paddingHorizontal: 20,
    },
    container: {
        flex: 1
    }
}

// component.js
import React, {StyleSheet} from 'react-native';
import {Style as Globalstyle} from 'style'

var styles = StyleSheet.create(Globalstyle);

在React Native中使用Property JS文件

1 个答案:

导出普通对象