2017-04-25 49 views
0

我有多種形式有相同的意見,例如TextButton。我不想在使用這些文件的不同文件中聲明相同的樣式。如何創建風格在全球反應本地

有沒有什麼辦法可以全局聲明樣式,並在反應本機的每個屏幕中使用它。

我在每個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" 
    } 
}); 

回答

2
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' 

,並使用樣式,比如

<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> 
+0

如果我有'常量風格= StyleSheet.create (容器:{ flex:1 }, welcome :{ 字體:20, textAlign設置: '中心', 保證金:80, 顏色: '黑' } });用''相同名字styles'也是我的屏幕,然後我怎麼能在全球範圍引用樣式同一屏幕? –

+1

@Williams我會建議他們調用一些不同的東西,例如全局樣式的樣式,然後是CLASSNAME_styles或類似於您的本地樣式集的東西 –