Dans React Native, comment importer une autre feuille de style dans la feuille de style en cours?

Question

Je suis novice. Maintenant, je dois gérer deux fichiers de feuille de style ou plus dans mon projet.

Mon code actuel stylesheet:

'use strict'; 
import { Platform } from 'react-native' 
var React = require('react-native'); 
var {StyleSheet,} = React; 
import {NavBar, TabBar} from './UiConfig' 
import MyComponents from './styles/MyComponents' 

const MyStyleTheme = StyleSheet.create({ 
    middle: { 
     alignItems: "center", 
     justifyContents: "center" 
    }, 
    NavBar: { 
     backgroundColor: NavBar.bgColor //from UiConfig 
    } 
}) 

export default MyStyleTheme 

Et un autre fichier:

'use strict'; 
    import { Platform } from 'react-native' 
    var React = require('react-native'); 
    var {StyleSheet,} = React; 

    const MyComponents = StyleSheet.create({ 
     Navigator: { 
      ... 
      ... 
     } 
    }) 

    export default MyComponents 

Alors ... il est possible d'importer une feuille de style primaire au lieu d'importer les uns les autres comme CSS @import ou ne pas?

index.ios.js: 

import React, { Component } from 'react' 
import { 
    StyleSheet, 
    StatusBar, 
    Text, 
    View, 
} from 'react-native' 
import MyStyleTheme from '../primaryStyles' 

... 
... 
... 

render(){ 
    return(
     <View style={[MyStyleTheme.middle]}> 
      <View style={[MyStyleTheme.MyComponents]}> 
     </View> 
    ); 
} 

Answer 1

Eh bien ... J'ai trouvé un moyen de le résoudre:

const obj = { flex: 1, justifyContent: "center", alignItems: "center" } 

const MyComponents = StyleSheet.create({ 
    Navigator: { 
     ...obj, 
     height: 44 
    } 
})