初衷：本来在其他博客已经有很多人给过教程了，但是无奈我这里测试的时候一直有问题，只能自己走一遍，解决了一下遇到的问题。下面就一步一步的记录一下：在Android studio中创建一个原生项目(AndroidAndRN)在Android studio的Terminal终端或者自己在cmd终端下切换到安卓项目的根目录 在终端下输入 n
转载
2024-05-04 16:31:54
125阅读
# Android React 混合开发入门指南
混合开发是将原生应用与使用 JavaScript 和 React 的 Web 应用结合起来的一种方式。通过这种方式，你可以利用 React 的灵活性并同时享受 Android 原生性能。下面，我将为你介绍实现 Android React 混合开发的全过程。
## 一、流程概述
以下是实现 Android React 混合开发的主要步骤：
|
原创
2024-10-03 07:22:07
78阅读
# iOS React Native 混合开发指南
在现代移动应用开发中，结合原生代码与 React Native 是一种常见的实践。通过这种方式，我们可以利用 React Native 的跨平台优势，同时满足 iOS 的原生需求。本文将详细介绍如何实现 iOS React Native 混合开发的整个流程，并为您提供每一步所需的代码示例。
## 开发流程
以下是实现 iOS React N
iOS中嵌入ReactNative首先贴上了学习reactnative的文档，一定要按照步骤来搭建配置环境， 也包括18分钟的视屏来手把手教你，我们就可以创建一个简单的reactNative项目了 接下来就要说重点了，怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后，在终端里进入到我们项目的目录下边进行如下配置：1：node初始化：npm i
转载
2023-10-31 23:21:57
140阅读
前言当前 React Native
虽说版本更新比较快，各种组件也提供的很全面了，但是在某些情况下，混合开发的方式才会快速缩短开发周期，原因无非就是原生平台的“底蕴”无疑更深，拥有众多且类型丰富的第三方支持库。很多情况下，运用这些库可以避免苦逼的重复劳动。接下来我们以
jpush-react-native 插件1为例来看看在 React Native 中如何使用原生的第三方库。开始在开始之前，
第一个： 链接：https://pan.baidu.com/s/1KdIs8EUcB9YTuK9VW1dC7g 密码：b68m 第二个： 链接：https://pan.baidu.com/s/1mi7jZcs 密码：nkp0 第三个：链接：https://pan.baidu.com/s/1pZceJ
原创
2022-05-12 17:25:49
67阅读
RN的环境搭建（这个项目是以windows系统为例。）参考网址：https://www.kancloud.cn/daiji/webapp/511791安装node.js 下载地址：https://nodejs.org/en/
安装一个模拟器，我用的是逍遥模拟器 下载地址：http://www.xyaz.cn/
安装android studio，安装过程中需要下载sdk之类的包
学习目标了解混合移动App开发的相关背景
原创
2022-06-27 11:52:46
1505阅读
移动开发以前一般都是原生的语言来开发，Android开发是用Java语言，IOS的开发是Object-C或者Swift。那么对于开发一个App，至少需要两套代码、两个团队。对于公司来说，成本还是有的。然而现在有蛮多的公司开发App是基于React Native来开发的，这样可以做到一个App，就是一套代码，一个团队。对于公司来说，无疑节约了成本。《React Native开发》这系列的文章主要是记
目录1. 为什么要集成React Native2. 认识React Native2.1 基础2.1.1 语言基础2.1.2 React Native基础2.2 实践2.2.1 环境搭建2.2.2开源项目2.3 模式3. 如何集成React Native3.1 React Native集成到原生应用：3.2 React Native工程搭建：3.2.1 技术选型3.2.2 工程目录结构 1. 为什
转载
2024-02-03 22:51:50
46阅读
# 如何在Windows上删除Docker镜像
欢迎来到Docker的世界！作为一名刚入行的小白，你可能会对如何删除Docker镜像感到困惑。在本文中，我将带你一步一步完成这个过程，并帮助你理解每个步骤的意义，确保你能够轻松掌握这一重要技能。
## 流程概述
在进行任何操作之前，让我们首先查看总体流程。以下是删除Docker镜像的步骤：
| 步骤 | 描述
想了解 Flutter 和 React Native 看下面几个文章就可以啦；移动端跨平台开发的深度解析 2018-7全网最全 Flutter 与 React Native 深入对比分析 2019-6GMTC2019|闲鱼-基于Flutter的架构演进与创新 2019-6H5+原生混合原生开发可以访问平台所有功能，而混合开发中，H5代码是运行在WebView中，而We...
原创
2021-09-02 15:19:06
706阅读
准备node安装：https://nodejs.org/en/react-native官网
原创
2023-01-15 15:36:14
629阅读
场景：针对目前项目需求，部分功能需要动态热部署，因此考虑使用React Native。下面有个Demo介绍原生iOS项目是
原创
精选
2023-05-22 12:02:11
1658阅读
h5调用app方法 先定义一个判断iso和android的方法，两者调用方式不一样 var client = getClient(); // 识别客户端 function getClient() { var u = navigator.userAgent; var isWeiXin = u.toLo ...
转载
2021-10-28 16:34:00
136阅读
2评论
WebView底层原理有些复杂 参考这篇就够了 https://www.jianshu.com/p/3e0136c9e748重定向：WebViewClient拦截原本的url，替换自己想要的url，再用WebView去加载，这样可以知道用户在做什么事情，本地可以配合实现一些业务，注意要区别WebChromeClient。Android 和JavaScript交互 （WebView与Jav
转载
2023-08-03 19:40:41
210阅读
混合开发是什么？个人理解混合开发指的是编写一个项目将涉及原生APP的API封装成JS模块，以插件的形式可以引入或删除，从而可以实现利用HTML调用原生API，本质上是HTML调用封装API的JS模块，而这个负责编写JS模块的项目被称作框架，即现在市场上存在的PhoneGap，DCloud，以及React Native。其目的是为了减少项目成本，即使用一套代码就可以完成WEB，Android和IOS
转载
2023-07-31 18:27:53
175阅读
到现在做移动混合开发一年多了，做了3个项目，也算是个老手了。虽然只干了一年，但花了很多时间研究，所以感觉至少有2年多的经验。框架选择：综合上手难度、普及率、资料查询难度等选择了ionic（框架自带整合angularjs+cordova）。是不是被惊艳到了？ionic优点：1.节约成本、页面好维护 这是混合开发的共同特点，原生开发ios开发ios的，android开发andr
转载
2023-11-16 20:21:13
101阅读
一。什么是混合开发混合开发是指同时使用前端技术与原生技术来开发App的一种思想思路。通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。从前端开发者的角度，混合应用可以简单地理解为让前端页面跑在一个特殊的浏览器环境里，这个环境除了常规 Web API之外，还额外提供了很多可以直
转载
2024-06-09 22:03:25
133阅读
前言： 今天修改项目中一个有关WebView使用的bug，激起了我总结WebView的动机，今天抽空做个总结。混合开发相关博客：Android混合开发之WebView使用总结Android混合开发之WebView与Javascript交互使用场景： 1.）添加权限<uses-permission android:name="android.pe
转载
2023-07-23 22:42:57
216阅读
