微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Native 绝对图像路径

如何解决React Native 绝对图像路径

我的应用程序中有图像,位于 appname/assets/ 并希望使用绝对路径引用它们,因为我可能会将它们与多个相对位置的多个组件一起使用。我知道如何使用$ make test "/Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/bin/perl" -MExtUtils::Command::MM -e 'cp_nonempty' -- Augeas.bs blib/arch/auto/Config/Augeas/Augeas.bs 644 rm -f blib/arch/auto/Config/Augeas/Augeas.bundle LD_RUN_PATH="/usr/local/lib" cc -mmacosx-version-min=11.1 -bundle -undefined dynamic_lookup -L/usr/local/lib -fstack-protector-strong Augeas.o -o blib/arch/auto/Config/Augeas/Augeas.bundle \ -L/usr/local/lib -laugeas \ chmod 755 blib/arch/auto/Config/Augeas/Augeas.bundle PERL_DL_NONLAZY=1 "/Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/bin/perl" "-MExtUtils::Command::MM" "-MTest::Harness" "-e" "undef *Test::Harness::Switches; test_harness(0,'blib/lib','blib/arch')" t/*.t t/Config-Augeas.t ... ok t/Config-AugeasC.t .. ok t/pod.t ............. skipped: Test::Pod 1.00 required for testing POD All tests successful. Files=3,Tests=62,7 wallclock secs ( 0.04 usr 0.02 sys + 5.71 cusr 0.50 csys = 6.27 cpu) Result: PASS $ make install "/Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/bin/perl" -MExtUtils::Command::MM -e 'cp_nonempty' -- Augeas.bs blib/arch/auto/Config/Augeas/Augeas.bs 644 Manifying 1 pod document Files found in blib/arch: installing files in blib/lib into architecture dependent library tree Installing /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/lib/site_perl/5.32.0/darwin-2level/auto/Config/Augeas/extralibs.all Installing /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/lib/site_perl/5.32.0/darwin-2level/auto/Config/Augeas/Augeas.a Installing /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/lib/site_perl/5.32.0/darwin-2level/auto/Config/Augeas/extralibs.ld Installing /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/lib/site_perl/5.32.0/darwin-2level/auto/Config/Augeas/Augeas.bundle Installing /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/lib/site_perl/5.32.0/darwin-2level/Config/Augeas.pm Installing /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/man/man3/Config::Augeas.3 Appending installation info to /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/lib/5.32.0/darwin-2level/perllocal.pod $ perl -MConfig::Augeas -E 'say $INC{"Config/Augeas.pm"}' /Users/hakonhaegland/perl5/perlbrew/perls/perl-5.32.0/lib/site_perl/5.32.0/darwin-2level/Config/Augeas.pm ,但我想将图像的绝对路径保存为数据库中的字符串,以便在许多地方引用。我只是不知道在“/assets/image.png”之前添加什么来创建这个绝对路径。我已经尝试了几个版本的“appname/assets/image.png”,但我就是想不通。应用程序的完整 React Native 文件树是什么样的?感谢您的帮助。

解决方法

#1- Babel Root 导入

Babel 插件改变导入到基于根路径的行为:

https://github.com/mantrajs/babel-root-slash-import


#2- Package.json

https://github.com/facebook/react-native/issues/3099#issuecomment-221815006

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。