2

Expo CLI (バージョン 4.0.17) によって作成された React Native アプリがあります。

静的画像リソースをアプリにインポートして、このドキュメントに従いたい: https://docs.expo.io/versions/v36.0.0/react-native/images/

ただし、アプリが大きくなると、インポートするパスが次のように長くなりすぎる可能性があります。

import myImage from "../../../assets/images/myImage.jpg";

このようにルート相対パスでインポートする方法は?

import myImage from "assets/images/myImage.jpg";

私babel.config.jsはこのように設定しようとしていますが、うまくいきません：

module.exports = function(api) {
  api.cache(true)
  return {
    presets: ["babel-preset-expo"],
    plugins: [
      [
        "module-resolver",
        {
          alias: {
            assets: "./assets",
          },
        },
      ],
    ],
  }
}

しかし、私はこのようにインポートすることができ、それはうまくいきます:

import myImage from "static/images/myImage.jpg";

では、ここには何がstaticあり、上記のように安全にインポートできるのでしょうか? どのドキュメントにも見つかりません。

4

1 に答える 1

0

はい、このような画像をインポートしても安全です。これにより、コードがよりきれいになり、理解しやすくなります。

于 2021-01-22T11:52:13.570 に答える