反応スタイルで定義されたグローバル変数をエクスポートするjsファイル

Question

シンプルなアプリケーションのためにstyles.jsとapp.jsを分けました。そして私はグローバル定数変数として定義された画像リソースを持っています。 （ロゴとプロファイル用）これらの定数イメージリソースをstyles.jsに追加しようとしました。しかし、私の現在の方法と構文では、これらの定数イメージリソースはスタイル変数ラッパーで定義されていないため、styles.jsからエクスポートできません。

styles.js：

'use strict' 

import React, { Component } from 'react'; 
import {StyleSheet} from 'react-native'; 

/* 
    const background_img= require("../../resource/mybackground.png"); 
    I tried to define the resource path here 
*/ 

var styles = StyleSheet.create({ 
    /*Styles Definition*/ 
}); 

export default styles 

app.js：

'use strict' 

import React, { Component } from 'react'; 
import { AppRegistry, Text, TextInput, View, Image, 
TouchableOpacity, Alert} from 'react-native'; 
import styles from './styles.js'; 

/*const background= require("../../resource/mybackground.png");*/ 
// I want to move this part to styles.js 


export class LoginScene extends Component { 

    constructor(props) { 
    super(props); 
    } 

    render() { 
    return (
     <Image 
     style={[styles.background, styles.container]} 
     source={background} //I want to replace to styles.background_img 
     resizeMode="cover" 
     ></Image> 
     /*Other view definitions*/ 
    ); 
    } 
} 

export default LoginScene 

私はコメントで上記のコードでは、私の変更をしたい場所を私が示されました。上記のようにソースファイルをルーティングしたい場合は、styles.jsで何を変更する必要がありますので、変数変数wrapperで同時に定数グローバル変数をエクスポートできますか？

Answer 1

デフォルトでスタイルをエクスポートし、値またはオブジェクトを含むことができる他の変数をエクスポートすることもできます。 、私が見

import styles, { assets } from './styles.js';