初衷：本来在其他博客已经有很多人给过教程了，但是无奈我这里测试的时候一直有问题，只能自己走一遍，解决了一下遇到的问题。下面就一步一步的记录一下：在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阅读
WebView底层原理有些复杂 参考这篇就够了 https://www.jianshu.com/p/3e0136c9e748重定向：WebViewClient拦截原本的url，替换自己想要的url，再用WebView去加载，这样可以知道用户在做什么事情，本地可以配合实现一些业务，注意要区别WebChromeClient。Android 和JavaScript交互 （WebView与Jav
转载
2023-08-03 19:40:41
210阅读
前言： 今天修改项目中一个有关WebView使用的bug，激起了我总结WebView的动机，今天抽空做个总结。混合开发相关博客：Android混合开发之WebView使用总结Android混合开发之WebView与Javascript交互使用场景： 1.）添加权限<uses-permission android:name="android.pe
转载
2023-07-23 22:42:57
216阅读
# iOS React Native 混合开发指南
在现代移动应用开发中，结合原生代码与 React Native 是一种常见的实践。通过这种方式，我们可以利用 React Native 的跨平台优势，同时满足 iOS 的原生需求。本文将详细介绍如何实现 iOS React Native 混合开发的整个流程，并为您提供每一步所需的代码示例。
## 开发流程
以下是实现 iOS React N
目录前言一、cordova 简介二、Cordova使用2.1 环境安装 2.1.1 Node.js安装 2.1.2 Cordova安装 2.1.3 Ant安装2.2 创建Cordov
转载
2023-07-02 21:40:03
2687阅读
目录一、简介1.React Native的优点二、准备1.要求2.搭建开发环境2.1.安装依赖三、创建新项目1.首先使用Android Studio创建一个新的项目2.在studio中的Terminal中输入指令3.在项目根目录下新建一个名为.flowconfig的文件4.配置reactnative相关内容5.build.gradle(Module：app)配置6.build.gradle(Pr
转载
2023-07-28 15:35:08
206阅读
前言前几年移动互联网创业的风口，如今渐渐消失，移动互联网被巨头公司瓜分，一些创业公司倒闭了，Android 开发需求慢慢趋近于饱和。而当初移动互联网处于风口时，自学、转行以及培训机构出来了大量 Android 开发从业者，导致目前看起来市场供大于求。那么 Android 开发工程师们应该如何面对当下的局面呢？其实当下的供需关系不平衡不代表没有需求，市场上过多的是只会写
转载
2023-12-29 21:38:32
59阅读
作者：郭孝星文章目录一 基本用法二 代码交互三 性能优化一 基本用法WebView也是Android View的一种, 我们通常用它来在应用内部展示网页, 和以往一样, 我们先来简单看一下它的基本用法。添加网络权限<uses-permission android:name="android.permission.INTERNET" />复制代码在布局中添加WebView<?xml
转载
2023-12-29 10:16:53
211阅读
app内打开浏览器目前主要2个cordova插件cordova-plugin-inappbrowser 和 cordova-plugin-themeablebrowserthemeablebrowser是在cordova-plugin-inappbrowser基础上二次开发的, 支持webview中有按钮,及相关按钮事件 是我们想要的 第一步在已有项目目录下添加插件 cord
转载
2023-09-18 16:37:54
229阅读
导语本文主要介绍将Flutter应用到已有Native项目中混合开发遇到的问题及解决过程，以及Flutter应用开发框架的探索与实践。背景Flutter是Google推出的跨平台、高性能开发框架，使用Skia作为渲染引擎，不使用平台控件，保证Android和iOS上UI一致性。使用Flutter开发，Android、iOS使用一套Dart代码，可以节省开发成本。通常具有一定规模的App都有一套成熟
转载
2024-08-29 14:53:27
178阅读
# Android Vue 混合开发
在移动应用开发中，有时候我们需要在 Android 应用中集成 Vue.js 框架的功能，这就是所谓的 Android Vue 混合开发。通过这种方式，我们可以利用 Vue.js 的高效开发能力来快速构建功能强大的移动应用。
## 为什么选择 Android Vue 混合开发？
Android Vue 混合开发能够充分发挥 Vue.js 的优势，比如数据
原创
2024-03-03 04:36:06
303阅读
# Vue Android混合开发入门指南
混合开发是近年来一种流行的开发方式，可以让你将Vue.js及其相关技术栈的优势与原生Android开发结合起来。下面，我将为你详细介绍如何实现Vue与Android的混合开发。
## 开发流程
实现Vue Android混合开发的主要步骤如下表所示：
| 步骤 | 描述 |
|------|------|
| 1 | 创建Vue项目 |
|
前言：环境搭建参考 本人的另一篇文章 一、项目框架搭建：1、如果没有全局安装vue插件的，cmd请执行npm install -g @vue/cli2、初始化一个vue项目 ，项目文件夹自定义（这里定义项目名称demo）vue create demo这时候会让你选择一个模板，这里根据自己的偏好就行3、初始化项目完成后，启动项目查看一下，执行cd demonpm run serve默认端口
转载
2024-05-28 09:42:37
31阅读
iOS中嵌入ReactNative首先贴上了学习reactnative的文档，一定要按照步骤来搭建配置环境， 也包括18分钟的视屏来手把手教你，我们就可以创建一个简单的reactNative项目了 接下来就要说重点了，怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后，在终端里进入到我们项目的目录下边进行如下配置：1：node初始化：npm i
转载
2023-10-31 23:21:57
140阅读
在最近项目中需要实现一个前端拍摄短视频并上传后端的功能。最初考虑的实现方式是使用拍摄短视频的安卓sdk并且改成cordova插件。考虑目前做的比较成熟的sdk有七牛云的短视频拍摄sdk，功能强大。此sdk实现了类似与微信的按住拍摄松开停止的功能，并且可以自动转码并且上传七牛云服务器。但是缺点如下：1.sdk只提供函数接口，即使改成cordova插件页面也需要再重写一个类似于上图的vue页面，不如调
转载
2023-12-13 06:50:02
89阅读
前言当前 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之类的包
环境配置这里就不讲述了，很多文章都有写，而且写的很详细了目录结构及注意点完整的项目目录注：vue项目我并没有放在该cordova项目里，因为这个并不一定要放在一起，只需要打包后的文件复制过来即可，后面会讲到androidstudio选择打开的目录两个www文件夹的区分这个要重点讲cordova目录下的www文件夹cordova build android 后生成apk里显示的内容android目录
转载
2023-12-14 19:28:17
120阅读
