リアクションネイティブでグローバルにスタイルを作成するには

Question

同じような意見を持つ複数のフォーム（例：TextとButton）があります。私はこれらが使われているところでは、同じスタイルを別のファイルに宣言したくない。

スタイルをグローバルに宣言し、それを反応ネイティブの各画面で使用する方法はありますか。

私はそれぞれTextビューで同じスタイルを持っていますが、今は私がこれを各ファイルで行っていますが、それは良いアプローチではありません。

<Text style={{styles.textStyle}}> 
    Never forget to stay in touch with the people that matter to you. 
</Text> 

const styles = StyleSheet.create({ 
    container: { 
    backgroundColor: "#FFFFFF", 
    alignItems: "center", 
    justifyContent: "center", 
    padding: 16, 
    flex: 1, 
    flexDirection: "column" 
    }, 
    textStyle: { 
    fontSize: 22, 
    textAlign: "center" 
    } 
}); 

Answer 1

import { 
StyleSheet 
} from 'react-native'; 

const styles = StyleSheet.create({ 
container: { 
flex: 1 
}, 
welcome: { 
fontSize: 20, 
textAlign: 'center', 
margin: 80, 
color: 'black' 
} 
}); 

module.exports = styles 

インポートあなたは

import styles from './Styles' 

のようにそのスタイルを使用して、私は `constのスタイルをスタイル

<View 
style={styles.container} > 
<Text style={styles.welcome}>Welcome</Text> 
</View> 

Edit 
import styles1 from './Styles' 

than you can use 
Global And Local Styles Togather With same name like:- 

<View 
style={styles1.container} > 
</View> 
<View> 
style={styles.container}> 
</View>