React Native：如何分离开发人员和"样式器"的角色

Question

我正在开发一个 React Native 应用程序(最初只有 Web(，我们需要将开发人员和样式器的角色(即负责设计应用程序样式的人(分开。在传统的HTML开发中，这很容易通过CSS完成。换句话说，开发人员将ID和/或类分配给HTML元素，允许CSS开发人员开始处理代码库的CSS文件。

是否可以在 React Native 中做类似的事情？换句话说，我们是否可以更改用户界面各种元素的样式，而无需修改生成元素的代码？

Answer 1

是的。我认为视图的style属性与CSS非常相似，您只需要编写一个与视图代码分开的styles.js文件。然后，您的"样式器"只需要修改该文件中的样式属性，而不是进入主代码。

像这样：

你的风格.js

const styles = StyleSheet.create({
container: {
flexDirection: 'column',
backgroundColor: Colors.COLOR_BACKGROUND_LIGHT,
paddingBottom: normalize(50)
},
buttonContainer: {
flexDirection: 'column',
alignItems: 'center',
padding: Dimens.contentPadding
},
inputContainer: {
flexDirection: 'row',
height: normalize(30),
borderBottomWidth: 0.5,
alignItems: 'center',
borderBottomColor: Colors.COLOR_LIGHT_GREY,
},
});

您的索引.js

import styles from ".....";
.....
.....
render() {
return (
<View style={styles.container}>
...
</View>
)
}

希望对^^有所帮助