反应-内生资产

将资产与您的反应- 内在项目连接并解锁!

优点

• react-native link 只支持字体文件,此工具支持所有资产 .
• 删除资产时自动解链接,与 react-native link,您需要手动解锁文件.
• 适当的链接(和不链接) mp3 (用于: react-native-sound和 ttf 文档.

使用量

• 安装

  npm install -g @callstack/react-native-asset
  # or yarn
  yarn global add @callstack/react-native-asset
  

• 将资产添加到您的 react-native.config.js 随你便 react-native link

  ...
   assets: [
      "./src/font",
      "./src/mp3",
    ];
  

• 在您的平台中添加特定资产 react-native.config.js 像这样:

  ...
  assets: [
    "./src/mp3",
  ],
  iosAssets: [
    "./src/font/ios",
  ],
  androidAssets: [
    "./src/font/android",
  ],
  

• 运行命令并链接 + 无链接是自动的!

  react-native-asset
  

解释

与 react-native link 您必须手动解开文件链接, 这很辛苦.
相反,这个库写 link-assets-manifest.json 转到根 android 财务报告和审定财务报表 ios 用于跟踪它所添加的文件的文件夹, 用于以后在您丢失时将其删除 assets来啊!

参数

• -p, --path ——工程路径,默认为cwd.
• -a, --assets - 例如资产路径 react-native-asset -a ./src/font ./src/mp3。 。 。 .
• -ios-a, --ios-assets - ios资产路径,将禁用和机器人连接.
• -android-a, --android-assets - android资产路径,将禁用ios连接.
• -n-u, --no-unlink - 不会解开已经不存在的资产, 不推荐.

字体资产链接和使用

机器人

字体资产通过使用 XML 资源。例如,如果添加 拉图 字体到您的工程,它将生成 lato.xml 文件输入 android/app/src/main/res/font/ 包含您添加的所有字体变体的文件夹。 它还会增加一个方法调用 MainApplication.kt 或者说 MainApplication.java 用于注册应用程序初始化期间的自定义字体。 它会看起来像这样:

// other imports

import com.facebook.react.common.assets.ReactFontManager // <- imports ReactFontManager.

class MainApplication : Application(), ReactApplication {

  // other methods

  override fun onCreate() {
    super.onCreate()
    ReactFontManager.getInstance().addCustomFont(this, "Lato", R.font.lato) // <- registers the custom font.
    // ...
  }
}

在这种情况下, Lato 这是你必须设置在 fontFamily 您的样式 Text 组件。 要选择字体变体, 如重量和样式, 使用 fontWeight 财务报告和审定财务报表 fontStyle 样式.

<Text style={{ fontFamily: 'Lato', fontWeight: '700', fontStyle: 'italic' }}>Lato Bold Italic</Text>

iOS系统

字体资产通过编辑链接到 iOS project.pbxproj 财务报告和审定财务报表 Info.plist 文档。 要使用应用程序中的字体,您可以组合 fontFamily, (中文(简体) ), fontWeight 财务报告和审定财务报表 fontStyle 风格和Android一样 萬一你沒有把你的Android的字型資格連接到一起,而你又不确定需要设置到哪一个值 fontFamily 样式,可以使用 Font Book 在您的 Mac 中应用以查找正确的值 Family Name 属性.

从 2.x 移动

如果您已经在您的 Android 项目中链接了字体资产, 当运行此工具时, 它会重新链接您的字体, 以使用 XML 资源 . 此迁移将允许您在代码中使用您的字体, 与您在 iOS 中使用的字体相同。请更新您的代码以使用 fontFamily, (中文(简体) ), fontWeight 财务报告和审定财务报表 fontStyle 样式正确.

向后兼容性

• 使用1.1.4版本