我应该在哪里放置expo Reaction本地项目的CSS重置文件

React Native为某些组件提供了默认样式，但这通常比Web浏览器为HTML元素提供的默认样式侵入性要小.因此，传统意义上的css重置的必要性并不是很大.

但是，如果您希望在整个应用程序中设置一致的基本样式，则可以创建定义要应用的常见样式的全局样式文件.以下是你如何做到这一点:

第一.Create a Global Style File:个

• 为您的全局样式创建一个新文件，例如，globalStyles.js.
• 定义要在多个组件中使用的通用样式.

实施例(globalStyles.js):

import { StyleSheet } from 'react-native';

export const globalStyles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 20,
    backgroundColor: '#fff',
  },
  // ... more global styles
});

其次.Import and Use Global Styles in Components:

• 在组件文件中导入全局样式，并将它们与组件特定的样式一起使用.

示例(在组件中使用全局样式):

import React from 'react';
import { View, Text } from 'react-native';
import { globalStyles } from './path-to/globalStyles';

const MyComponent = () => {
  return (
    <View style={globalStyles.container}>
      <Text>Welcome to My App</Text>
      {/* ... more component UI */}
    </View>
  );
}

export default MyComponent;

第三点.No Direct Equivalent to CSS Reset:个

• 请记住，在Reaction Native中，没有与Web开发中的css重置文件直接等同的东西.样式设置方法有所不同，它侧重于单个零部件样式，而不是全局浏览器样式.

第四点.Expo Specifics:个

• 由于您使用的是expo ，因此流程保持不变.expo 项目遵循与任何其他 react native 项目相同的造型 struct .