metro.config.js 使用 NativeWind 和 SVG 转换器

Question

我花了几个小时寻找如何混合 NativeWind 和 SVG reader 来响应本机应用程序，这是我的答案：

Answer 1

世博会：

“博览会”：“^50.0.1”，

ReactNative：

“反应本机”：“0.73.2”，

希望有帮助。

---

metro.config.js（项目的根目录）

const { getDefaultConfig } = require("expo/metro-config");
const { withNativeWind } = require("nativewind/metro");

const createConfig = () => {
  const config = getDefaultConfig(__dirname);

  const { transformer, resolver } = config;

  config.transformer = {
    ...transformer,
    babelTransformerPath: require.resolve("react-native-svg-transformer")
  };
  config.resolver = {
    ...resolver,
    assetExts: resolver.assetExts.filter((ext) => ext !== "svg"),
    sourceExts: [...resolver.sourceExts, "svg"]
  };
  return config;
};

const config = createConfig();
module.exports = withNativeWind(config, { input: "./src/global.css" , });