如何在本机中使用本地图像?

时间:2015-10-17 17:10:42

标签: ios react-native

this Tutorial中所述,将本地存储的图像添加到TabItem(或任何组件)会很容易:

  1. 将XCode中的图像添加到images.xcassets
  2. 要求如此“icon = {require('image!pencil')}”(图片名称为“铅笔”)
  3. 我得到的是iOS-Simulator中的一个例外,其中包含以下文字:

      

    要求未知模块“图像!铅笔”。如果您确定该模块是   在那里,尝试重新启动打包器

    这里有什么问题?教程?或者反应原生改变了吗?

    代码:

    static String phrase = "Word";
    static String mask = "_ _ _ _";
    public  boolean showLetter(String letter)
    {       
        phrase = phrase.toUpperCase();
        for(int v  =0; v < phrase.length();v++){
            if(phrase.charAt(v) == letter.toUpperCase().charAt(0)){                
                String newMask = "";
                mask =mask.replace(" ", "");
                for(int vv = 0;vv < mask.length(); vv++){                    
                    if(vv == v){
                        newMask = newMask +  letter.charAt(0) + " " ;
                    }else if (mask.charAt(vv) != '_'){
                        newMask = newMask +mask.charAt(vv) + " ";
                    }else{
                        newMask = newMask + "_ ";
                    }
                }
                mask = newMask;
                return true;
            }            
        }
        return false;
    }
    

    }

    The images-assets

2 个答案:

答案 0 :(得分:3)

文件名必须与images.xcassets中的资源名称完全相同。

例如,当您添加名为&#34; foobar&#34;的新图像集时,分配给该集合的所有图像都必须命名为&#34; foobar.png&#34;。 如果您正在使用,例如Glyphishpro-Images,图像文件以数字为前缀。如果您将这些图像重命名为没有该编号的名称,您将收到此错误!

我上个天遇到了这个问题......你也是吗?

答案 1 :(得分:0)

请关注如何在iOS和Android项目中添加资源的official tutorial

还要确保:

  

注意:新资源需要App构建   无论何时向Images.xcassets添加新资源,您都需要在使用它之前通过Xcode重新构建应用程序 - 从模拟器中重新加载是不够的。