İki veya daha fazla farklı StyleSheet bileşenini React Native içinde birleştir/Birleştir? Ben şu şekilde benim stilleri ayıran ediyorum

Question

: Ben bu yüzden sadece bir tane var bunları birleştirebilirsiniz nasıl

import { StyleSheet } from 'react-native'; 

export default StyleSheet.create({ 
    statusBar: { 
    height: 20 
}); 

:

styles/
|-- base.js 
|-- base.ios.js 
|-- base.android.js 

Her biri bu örnekte olduğu gibi oluşturulan bir StyleSheet bileşeni ihraç Temel stil nesnesi? Gibi bir şey için arıyorum: Sen yaymak operatörünü kullanarak stil sayfaları birleştirebilir

const baseStyles = mergeStyles(baseStyle, platformStyle); 

Answer 1

'...', aynı adı taşıyan herhangi değişkenleri son örneği tarafından yazılır uyarılmalıdır.

İşte küçük bir demo uygulaması göstermek için:

'use strict'; 
 
import React, { Component } from 'react'; 
 
import { 
 
    Alert, 
 
    Button, 
 
    StyleSheet, 
 
    Text, 
 
    AppRegistry, 
 
    View, 
 
} from 'react-native'; 
 

 
class listTest extends Component { 
 

 
render() { 
 
    return (
 

 
    <View style={styles3.myViewBox}> 
 
     <Text style = {styles3.myTextBox1}> 
 
     TEST 
 
     </Text> 
 
    </View> 
 
    ); 
 
    } 
 
} 
 

 
const styles = StyleSheet.create({ 
 
    myTextBox1: { 
 
    backgroundColor:'red', 
 
    }, 
 
    myViewBox: { 
 
    backgroundColor:'blue', 
 
    margin:15, 
 
    padding:15, 
 
    } 
 

 
}); 
 

 
const styles2 = StyleSheet.create({ 
 
    myTextBox2: { 
 
    backgroundColor:'yellow', 
 
    }, 
 
    myViewBox: { 
 
    backgroundColor:'green', 
 
    margin:15, 
 
    padding:15, 
 
    }, 
 
}); 
 

 
const styles3 = {...styles,...styles2}; 
 

 
AppRegistry.registerComponent('listTest',() => listTest);

Answer 2

çok yakın şunlardır:

const baseStyles = [baseStyle, platformStyle]; 

temelde herhangi bir bileşen böyle stilleri basamakla:

<View style={[styles.style1,styles.style2]}></View>