Question

我有多个表单，它们具有相同的视图，例如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" } });视图上都有相同的样式，现在我在每个文件中执行此操作，这不是一个好方法。

Either

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'

并使用

之类的样式

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

如何在本地反应中全局创建样式

1 个答案: