首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在React Native 0.60中的` `yarn install`之后自动链接资产

在React Native 0.60版本中,yarn install之后自动链接资产的步骤如下:

  1. 首先,确保你已经在项目根目录下运行了yarn install命令,以安装所有依赖项。
  2. 在React Native 0.60版本中,使用了自动链接(auto-linking)的方式来处理原生模块的链接。这意味着,大多数情况下,你不需要手动链接资产。
  3. 对于大多数第三方库和原生模块,React Native 0.60版本会自动链接它们的资产。这意味着,当你运行yarn install后,相关的资产文件会自动链接到你的项目中。
  4. 如果你使用的是自定义的原生模块或库,并且它们包含了一些需要链接的资产文件,你需要手动进行链接。
    • 首先,进入到你的原生模块或库的目录中,通常是iosandroid目录。
    • 然后,运行pod install命令(如果你的项目是基于iOS平台)或./gradlew clean命令(如果你的项目是基于Android平台)来确保原生代码和依赖项被正确链接。
  • 在某些情况下,你可能需要手动链接一些特定的资产文件,例如字体文件或图像资源。在React Native 0.60版本中,你可以使用react-native.config.js文件来配置需要链接的资产。
    • 在项目根目录下创建一个名为react-native.config.js的文件(如果还没有)。
    • 在该文件中,使用assets字段来指定需要链接的资产文件的路径。例如,如果你的字体文件位于assets/fonts目录下,你可以添加以下配置:
    • 在该文件中,使用assets字段来指定需要链接的资产文件的路径。例如,如果你的字体文件位于assets/fonts目录下,你可以添加以下配置:
    • 保存并关闭react-native.config.js文件后,重新运行yarn install命令,相关的资产文件将会被自动链接到你的项目中。

总结起来,在React Native 0.60版本中,大部分情况下,yarn install之后的自动链接资产的步骤是自动完成的。只有在使用自定义的原生模块或库,并且需要手动链接资产文件时,才需要进行额外的配置和操作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

React Native中构建启动屏

在这个教程中,我们将演示如何在React Native中构建一个启动屏幕。我们将指导你如何使用 react-native-splash-screen 为iOS和Android应用构建出色欢迎界面。...首先,使用下面的任一命令安装 react-native-splash-screen 包: /* npm */ npm i react-native-splash-screen --save /* yarn...*/ yarn add react-native-splash-screen 为iOS构建一个启动屏幕 在你终端中,使用下面的命令链接依赖项: cd ios // to enter into IOS...将内容模式设置为“aspect fit”,如下所示: 更改iOS启动屏幕颜色 你可能会问下一个问题是“我如何在 React Native 中更改启动屏幕背景颜色?”...然而,Android会自动缩放可绘制图像,所以你不一定需要为不同手机尺寸提供图片。回想一下,我们之前将两个文件夹(Android和iOS)复制到了我们资产目录。

37510

React Native初探--从安装运行首个app到填坑指南

/ 如果官网打不开,可以查看中文网: yarn中文网 https://yarn.bootcss.com/ 我这里选择版本是1.7.0,你也可以选择其他版本,下载好了之后,双击安装,然后把yarn...yarn@1.7.0 -g 加latest安装: npm install yarn@latest -g (六)react native react native中文网...(七)说明 1.安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install --save 某第三方库名...例如: 以前是npm命令:npm install --save react-native@0.56.0 你可以使用yarn命令替代:yarn add react-native@0.56.0 2.加快react...: 打开cmd命令行,逐个输入以下命令: npm uninstall -g react-native-cli npm install react-native@0.55.4 npm install -

1.7K30

配置ReactNative开发环境

和 Node.js brew install node node安装成功后npm自动也就有了,直接下载安装Node.js,网址:https://nodejs.org/en/download/ ?...brew install flow 二、React Native安装 YarnReact Native命令行工具(react-native-cli) ** ** Yarn是Facebook...npm install -g yarn react-native-cli 三、管理React Native版本 1、查看本地React Native版本 命令行输入 react-native -...查看本地React Native版本 2、更新本地React Native版本 命令行输入 npm update -g react-native-cli 3、查询react-nativenpm...项目中 4、升级或者降级npm包版本 只要把上图终端中选择列出一个版本号复制粘贴到对应位置替换即可,降级到0.24.1 npm install --save react-native@0.24.1

85530

使用umi开发react-native应用

概览 NPM 包 简介 umi-plugin-antd-react-native 为@ant-design/react-native提供按需加载,主题定制、预设、切换,国际化支持,在expo中链接字体图标.../masked-view RN0.60.0 及以上版本有自动链接功能,Android 会自动搞定这些react-navigation原生依赖,但对于iOS,待 yarn 安装完成后,还需要进到 ios...目录,使用 pod 安装: cd ios && pod install image 最后,使用 yarn 安装umi-preset-react-navigation: yarn add umi-preset-react-navigation...umi-preset-react-native 扩展配置 umi-preset-react-native会探测用户工程内依赖,自动为下列工具生成所需配置文件和入口文件。...:cd ios && pod install && cd -,之后记得使用yarn ios和yarn android重新编译,启动原生 App。

6.2K30

tailwind 生态太强了,连 React Native 都支持

由于这种写法,我甚至都不太想开发 React Native 项目。 直到我苦练并熟练掌握了之后 tailwindcss,我才又重新找回了对 React Native 热情。真是不容易啊!...如何在 RN 项目中集成 tailwindcss NativeWind 是一个维护得比较完善三方库,我们可以利用它来做到在 React Native 项目中使用 tw....它提供了对 React Native 、Expo、Next.js 等项目的支持,由于我项目是基于 React Native CLI 创建,因此只介绍如何在散装项目中引入,其他大家可以在其文档中查看...yarn add react-native-reanimated yarn add tailwindcss 然后需要专门针对 iOS 支持安装 Reanimated pod 依赖 npx...pod-install 依赖处理好了之后,我们需要修改配置文件。

15410

使用 Electron 和 React 构建桌面应用

Node.js 出现,使得这样那样前端开发工具、框架如春笋般涌现, Grunt、Webpack、React、Vue 等等。...你安装 create-react-app 成功之后,就能直接在 WebStorm 中使用集成创建项目的方法创建一个 React 项目,创建项目的时候选择到 React App 一栏,WebStorm 会自动识别到...确认无误之后创建项目即可,创建项目之后将会自动执行指令完成之后事情。...看上方菜单:View -> Tool Windows -> Terminal 即可调出,在集成终端中输入: npm install -g yarn 安装 yarn,以后我们将使用 yarn 来进行包管理而不是...安装前端路由 react-router-dom: yarn install react-router-dom 安装完成之后,在 src 目录下新建一个入口 js 文件 index.js、一个路由组件文件

3.2K20

最新React Native环境搭建(从0到打包APK)

React Native 之旅 React Native 踩坑开始 5.1 假期 就这样短暂结束了,你都干啥了? ,我嘛加了3天班,你们呢?...创建新项目 react-native init ProjectName 3. yarn start 安装 EXPO 脚手架 什么是EXPO Expo是通用React应用程序框架和平台。...全局安装 EXPO 推荐用 yarn 安装// npm install --global expo-cli (当时用npm,安装了半个小时,也没安装完......) ​ 2....光说不练 纯耍流氓,下面为EXPO 操作演示 创建项目 下载依赖会需要一段时间 EXPO 项目介绍 启动项目 yarn start 启动成功后,它会开启一个服务,会自动打开一个网页,在这个网页中...打包成功,它会提供一个链接,去这个链接你就可以下载打包后APK 文件 ​ 下载APK 显示效果 到此该结束了 本章介绍了,如何配置React Native 环境, 以及EXPO 神器如何使用,

4.1K00

React Native在Android当中实践(二)——搭建开发环境

React Native在Android当中实践(一)——背景介绍 React Native在Android当中实践(二)——搭建开发环境 React Native在Android当中实践(三)—...、React Native命令行工具(react-native-cli) Yarn(https://yarnpkg.com/zh-Hans/)是Facebook提供替代npm工具,可以加速node...npm install -g yarn react-native-cli 安装完yarn后同理也要设置镜像源: yarn config set registry https://registry.npm.taobao.org...权限错误,可以尝试运行下面的命令(限linux系统): sudo npm install -g yarn react-native-cli....安装完yarn之后就可以用yarn代替npm了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install --save 某第三方库名。

1.2K40

最新React Native环境搭建(从 0 到 打包APK)

React Native 之旅 React Native 踩坑开始 ★5.1 假期 就这样短暂结束了,你都干啥了? ,我嘛加了3天班,你们呢?...创建新项目 react-native init ProjectName 3. yarn start 安装 EXPO 脚手架 什么是EXPO ★Expo是通用React应用程序框架和平台。...全局安装 EXPO 推荐用 yarn 安装// npm install --global expo-cli (当时用npm,安装了半个小时,也没安装完......) 2....” 光说不练 纯耍流氓,下面为EXPO 操作演示 创建项目 下载依赖会需要一段时间 EXPO 项目介绍 启动项目 yarn start ★启动成功后,它会开启一个服务,会自动打开一个网页,在这个网页中...” 打包成功,它会提供一个链接,去这个链接你就可以下载打包后APK 文件 下载APK 显示效果 到此该结束了 ★本章介绍了,如何配置React Native 环境, 以及EXPO 神器如何使用

3.1K30

React Native开发之react-navigation库详解

如果开发者需要继续使用Navigator,则需要先使用yarn add react-native-deprecated-custom-components命令安装后再使用。...和其他第三方插件库一样,使用之前需要先在项目汇中添加react-navigation依赖,安装命令如下: yarn add react-navigation //或者 npm install react-navigation...--save 安装完成之后,可以在package.json文件dependencies节点看到react-navigation依赖信息。...,安装命令如下: yarn add react-native-gesture-handler //获取 npm install --save react-native-gesture-handle 同时...,由于react-native-gesture-handler需要依赖原生环境,所以在需要使用link命令链接原生依赖,命令如下: react-native link react-native-gesture-handler

5.8K10

React Native 持续部署实践— push 代码构建出新版 Growth

因此在这一篇文章里, 我们将介绍基于下面的几个框架来搭建持续集成: React Native 与持续集成服务器 Travis CI 使用 单元测试 Jest 及 UI 测试框架 React Test...实践上证明,快了十几秒: cache: yarninstall:- yarn install 在正常持续集成作业中,只会进行 eslint 和单元测试。...总的来说,React Native 有一些测试还是不容易写。并且诸如 WebView 这样组件,在测试时候会报错~~。...把测试覆盖率提上去之后,便开始寻找合适功能测试框架 React Native 功能测试:Appium 最初我考虑是 Calabash,但是集成时候,发现资料比较少。...它提供了一系列脚本,来实现对一些工作自动化,: 上传 APK 包到 Google Play, 上传 iOS 应用到 iTunes Connect 上传截图、版本更新说明 等等内容 只需要执行一下

2.1K50

React Native学习笔记(二)—— 概要、开发环境搭建、第一个React Navite程序

也有一些框架支持代码编译为 React Native, 来提供客户端开发支持,京东小程序开发框架 taro ,以及 Vue Native (停止维护) 1.1.3、Weex 阿里公开Weex技术架构...https://yarnpkg.com/  https://yarn.bootcss.com/ 2.0.3、react-native-cli安装 安装:  查看版本:  创建项目 2.0.4...指令已/即将被弃用,现在升级只用upgrade choco upgrade all -y choco upgrade 指令可简写为 cup,cup all -y pin 固定 用于固定软件,使得在执行升级全部包时自动跳过...> [ ] [] 添加参数以跳过包校验:--ignore-checksums 可一次性下载多个包,:choco install a b c...-y 如用代理安装vscode并自动确认: choco install vscode -y --proxy=127.0.0.1:10809 uninstall 卸载 choco uninstall,可简写为

3.3K21
领券