React Native 使用自定义Iconfont

React Native
学习笔记, React, Iconfont

React Native 使用自定义 iconfont

  1. 下载字体文件
  2. IOS -> 将字体文件拽进xcode工程里，然后在info.plist加入Fonts provided by application，这是个数组，写上fonts/iconfont.ttf.
  3. Android: 把字体文件拷贝到[project root]/android/app/src/main/assets/fonts/
  4. fontFamily: 'iconfont' PS: 下载的文件叫什么，fontFamily就是什么。
  5. 因为我们的iconfont都是这种格式的，这不是把这些传给Icon组件就行了吗，但是试了之后，会转义成字符串。这可不是我们想要的。
  6. 那怎么办，不让他转义是一种方式：
    1
    2
    3
    4
    5
    6
    var content='<strong>content</strong>';    

    React.render(
        <div dangerouslySetInnerHTML={{__html: content}}></div>,
        document.body
    );

没生效，故弃之。

  1. 我们用的时候只要用e038就行了，因为e038是个16进制数字，我们要先转换成10进制，再转化回去16进制就行了。
    1
    String.fromCharCode(parseInt('e038', 16))

这样就会返回我们要的图标；