Question

我正在尝试将所有CSS样式值存储到一个ts文件中，并将这些值导出到styles/base.ts文件中。
但是当我尝试使用styles/index.ts文件中的index.ts导入值时，它说

无法从“ App.tsx”解析模块“样式/索引”：“样式/索引” 在项目中找不到。`。

我不确定在应用程序内部管理样式的正确方法。谁能帮我吗？

这是我的App.tsx文件的样子：

base.ts

index.ts：

export const colors = {
  grey: "#E3E1D6",
  black: "#333333",
};

App.tsx：

import * as BaseStyle from "./base";
export {BaseStyle};

这是我的 package.json 外观：

import React from "react";
import {StyleSheet, View, Text} from "react-native";
import {BaseStyle} from "styles/index";
const App = () => {
  return (
    <>
      <View style={styles.body}>
        <Text>Test</Text>
      </View>
    </>
  );
};
const styles = StyleSheet.create({
  body: {
    backgroundColor: BaseStyle.colors.grey,
  },
});
export default App;

Answer 1

我认为这只是您输入中的错字。您应该写：

import {BaseStyle} from "./styles/index";

Answer 2

您可以使用此图案创建颜色类别

class Colors {
    static transparents = "#ffffff";
    static black = "#000";
}
export default Colors;

您可以使用此行导入颜色

import Colors from './Colors';

请按照以下步骤操作，这将为您提供帮助它可以帮助我。

React Native无法从文件解析模块

2 个答案: