Использование файлов свойств JS в React Native

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; 

Здесь это приобретается «StyleSheet» of React.

Say для образца, как следующий,

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

Нечто подобное будет использоваться в отдельном файле в виде файла свойств и использоваться по заявке.

Как достичь этого?

Answer 1

Экспортировать простой объект

Вы можете экспортировать простой объект. При необходимости создайте таблицу стилей.

// 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); 

Возможно, я правильно понял ваш вопрос. Чтобы экспортировать эти константы, вы можете использовать один и тот же подход.

//propertyfile.js 
export const myName = "Username"; 
export const myURL = "www.google.com", 
export const reactNativeUser = true; 
export const age = 22; 

//component.js 
import {myName, myURL, reactNativeUser, age} from 'propertyfile'