RN

快速搭建 create-react-native-app启动项目要保证: pc 和 phone 处于同一局域网yarn 的源配置 — 国外源 —》 国内源(taobao)查看当前 yarn的源yarn config get registry修改我们的yarn的源`yarn config set registry https://registry.npm.taobao....
摘要由CSDN通过智能技术生成
  1. 快速搭建 create-react-native-app

启动项目要保证: pc 和 phone 处于同一局域网

  1. yarn 的源配置 — 国外源 —》 国内源(taobao)
    查看当前 yarn的源
    yarn config get registry

    修改我们的yarn的源
    
    `yarn config set registry https://registry.npm.taobao.org`
    
  2. 安装脚手架 create-react-native-app
    yarn add create-react-native-app global

  3. 创建应用程序
    creat-react-native-app app || sudo npx create-react-native-app app || npx creat-react-native-app app

  4. 启动项目查看第一次启动是否正确
    cd app
    yarn start

  5. 如果启动正常, 那么我们就开始配置 Typescript 环境

  6. 安装依赖包
    参考:https://www.cnblogs.com/zh-chen/p/10096732.html
    yarn add typescript tslint --dev 可以把ts的错误暴露出来
    yarn add @types/react @types/react-native @types/react-dom --dev react-dom安装后可以基于浏览器使用ts
    yarn add concurrently rimraf react-native-scripts --dev 文件清理
    yarn add ts-jest @types/jest @types/react-test-renderer --dev

  7. 创建tsconfig.json文件
    tsc --init

  8. 修改tsconfig.json文件内容
    {
    “compilerOptions”: {
    “module”:“es2015”,
    “target”: “es2015”,
    “jsx”: “react”, //jsx要配置成react,默认情况下没有,不然jsx解析会失败
    “rootDir”: “src”, //入口文件夹,默认情况下没有src文件夹,所以还要在项目下创建一个src文件夹进行入口的编译
    “outDir”: “build”, //输出文件夹,ts必须打成一个包,把ts转成js无法运行文件,所以先build再去run,同时加上watch每修改一次build一次
    “allowSyntheticDefaultImports”: true,
    “noImplicitAny”: true,
    “sourceMap”: true,
    “experimentalDecorators”: true,
    “preserveConstEnums”: true,
    “allowJs”: true,
    “noUnusedLocals”: true,
    “noUnusedParameters”: true,
    “noImplicitReturns”: true,

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native 是一种流行的跨平台开发框架,它允许我们使用JavaScript编写移动应用程序。 在React Native中,我们可以通过创建自定义的 Activity 来加载RN(React Native)应用程序。 Activity 是Android开发中的一个重要概念,它代表一个用户界面的窗口。 在React Native中,我们可以使用现有的 BaseActivity 类来加载RN应用程序。 首先,我们需要在 Java 代码中创建一个继承 BaseActivity 的自定义 Activity 类。 在这个类中,我们需要执行几个步骤来加载RN应用程序。 首先,我们需要创建一个 ReactInstanceManager 对象并对其进行一些配置,例如设置JS主机、设置调试模式等。 然后,我们需要使用这个 ReactInstanceManager 对象创建一个 ReactRootView 对象。 接下来,我们可以调用 ReactRootView 的 startReactApplication() 方法来加载我们的RN应用程序。 这个方法需要两个参数:一个是我们的 RN 应用程序的模块名,另一个是传递给 RN 应用程序的一些初始属性。 最后,我们需要使用 setContentView() 方法将 ReactRootView 对象设置为 Activity 的内容视图,以便它可以显示在屏幕上。 需要注意的是,加载 RN 应用程序可能需要一些时间,因此我们可能需要显示一个加载指示器或者启动一个异步任务来加载 RN 应用程序。 这样,当 RN 应用程序加载完成后,我们就可以将其显示在 Activity 中了。 总结一下,通过创建一个继承 BaseActivity 的自定义 Activity 类,并在其中执行必要的步骤来配置和加载 RN 应用程序,我们可以将 RN 应用程序加载到 Android Activity 中。这样,我们就可以在 Android 平台上使用 React Native 来构建跨平台的移动应用程序了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值