接着上文，原生模块sync之后如果没有报错信息，那么我们就可以进入下一步了。我们还是分两大部门来介绍；rn端和原生端。rn端环境搭建(进阶) 大家还记得上面这篇博客的这幅图吧。这就是我们执行下面命令，生成的原始目录结构。npx react-native init AwesomeProject 现在，我们来对它添加一些文件，以完善rn端执行js/ts代码所需要的功能。 我们需要添加两个文件babel
转载
2024-02-20 22:12:06
24阅读
react接口调用我们通过npm create-react-app my-app创建react项目，在项目里都是要进行接口调用来获取数据，进行增删改查各种操作的，所以掌握接口调用方式是非常必要的，话不多说进入正题：想要掌握接口调用的内里逻辑，你得了解一下React Redux 、Generator、Dva的相关知识，当然react的相关知识也是必不可少的。react的特点就是组件化开发，所以它的封
转载
2023-06-02 08:17:03
130阅读
这章将简要讨论一些开发Adreno OpenCL应用程序的基本要求，下面将会介绍如何调试和统计程序性能。4.1 安卓平台上开发OpenCL程序 目前，Adreno GPU主要是在安卓操作系统和在部分Linux系统上支持OpenCL。为了开发带OpenCL的安卓app，开发者必须熟悉andro
转载
2023-12-14 00:18:33
56阅读
React 入门教程React 官网https://reactjs.org/docs/getting-started.htmlReact 是一个用于构建用户界面（UI）的 JAVASCRIPT 库（框架，可以被复用的代码）。 React的常用使用方式有两种：一、使用<script>标签（标记）引入。 在 HTML 文件中添加 React，把 React 作为普通的 <s
本篇博客仅作个人记录，如有错误大佬们欢迎提醒、评论、以及交流ReactNative技术。我查看了许多博客，发现大多都写的比较简练，我就来结合自身的经验做个梳理和总结，帮助小白们加深一下对ReactNative+Android混合开发的理解。这里说的混合开发与官网上说的【集成到现有原生应用】存在区别，一个是以原有的Android项目为基础，在此之上某一两个页面或业务流程用ReactNative。而本
转载
2023-09-12 20:45:02
83阅读
前言现在很多前端项目在构建时，都是一个vendor 公共JS文件和和一个app.js的文件，会造成一些弊端。在项目的开发过程中，修改任何一个地方，都会触发JS的全局构建，需要等待非常久，长久下来大大的降低了开发效率。另外一个弊端就是每次构建上线，vendor和app每次都会改变，任何一个小的更改都会使2个文件都改变，再次发布上线，用户的第一次加载速度都会很慢。问题分析实际在项目的过程中，依赖的外部
转载
2023-12-25 11:24:14
55阅读
一、子向父组件传值 方法一:
父组件
//方法
parentFn(data1, data2, e) {
// 按照参数排列 最后一个是event
console.log(data1, data2, e) //输出 1 2 event内容
}
//渲染
render() {
return (<Fragm
转载
2023-11-29 11:34:37
70阅读
老规矩，还是先添加依赖：npm install react-native-sound
react-native link react-native-sound方法介绍// 加载声音文件
let musciPath = require('../../src/sound/1.mp3'); // 匹配的格式挺多的....
var music = n
转载
2023-06-07 16:21:56
157阅读
## React Native 调用 Android
作为一名经验丰富的开发者，你可以教会刚入行的小白如何实现"React Native 调用 Android"。下面是整个实现过程的步骤和每一步需要做的事情。
### 步骤
| 步骤 | 动作 |
| --- | --- |
| 1 | 创建一个React Native项目 |
| 2 | 编写Native模块 |
| 3 | 注册Nativ
原创
2023-07-25 18:45:16
157阅读
【react】父组件向子组件传值
父向子是用props，然后再子那边有一个监听函数
componentWillReceiveProps:function(nextProps){
this.setState({
visible:nextProps.visible,
item:nextProps.item,
转载
2024-07-08 18:21:03
26阅读
前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介绍React的事件机制是什么，与原生事件的区别，以及这两种事件机制是否可以混用等。希望您在阅读这篇文章之后，能够对React的事件机制原理有所了解，借此在使用React的过程中避免错误，或者更加准确地定位错误。
前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介
转载
2023-06-16 19:36:51
143阅读
如果不清楚js如何调用Android原生,可以先参考我的这篇博客Rea
原创
2021-08-12 15:05:47
80阅读
如果不清楚js如何调用Android原生,可以先参考我的这篇博客React Native实现js调用安卓原生代码1 问题上面的文章只是调用安卓原生显示Toast,但是我们一般会需要调用安卓的代码然后去拿回结果给js,但是我们知道在android层js调用的这个函数返回值必须的void,所以我们需要用到Callback,这里先说Callback@ReactMethod public void
原创
2022-03-08 11:30:06
225阅读
作者：潜易 20.4读取js全局变量或函数返回值 借助现有接口技术，js可以执行原生java代码中的方法，可以得到方法的返回值，可以让原生java代码在主线程中动态的操作UI；但是借助该接口，原生java代码，采用webview.loadUrl("javascript: JsFunctionName")，只能做到执行js中的方法，如果想获取js中定义的全局变量，或者获取某个js函数的返回值，
转载
2023-11-30 17:25:49
171阅读
1.android中利用webview调用的js代码。Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true，，然后通过loadUrl就可以直接进行调用，如下所示：mWebView.getSettings().setJavaScriptEnabled(true);
方法1：mWebView.l
转载
2023-05-29 14:56:24
1499阅读
React JS是一个用于构建用户界面的JavaScript库。它允许开发人员使用组件的方式来构建复杂的用户界面。React JS通常用于构建Web应用程序，但它也可以用于构建移动应用。在本文中，我们将介绍如何使用React JS来支持Android串口通信，并提供相关的代码示例。
Android串口通信是一种在Android设备和外部设备之间进行数据传输的方式。它可以用于连接各种外部设备，如传
原创
2023-08-19 05:58:12
336阅读
作者：fuzhongmin051、背景前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端HTML页面通过AJAX调
转载
2024-10-18 09:27:28
38阅读
# React Native 调用 Android 类的全面指南
## 引言
React Native 是一个流行的开源框架，允许开发者使用 JavaScript 和 React 进行移动应用开发。尽管 React Native 提供了许多内置组件和 API，但在一些特定场景中，我们可能需要直接调用 Android 的原生类和方法。这篇文章将深入探讨如何在 React Native 中调用 A
# 如何在 React Native 中调用 Android 原生代码
在 React Native 中，有时可能需要调用一些 Android 原生功能。这篇文章将为您提供一个完整的指南，从流程到代码实现，帮助您轻松完成 React Native 调用 Android 原生代码的任务。
## 流程概述
为了清晰地理解整个过程，以下是调用 Android 原生代码的基本步骤：
| 步骤 |
原创
2024-10-04 07:26:30
49阅读
# React调用Android原生方法
## 1. 整体流程
通过React Native框架，我们可以在JavaScript中调用Android原生方法。整个流程可以概括为以下几个步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤1 | 创建一个React Native项目 |
| 步骤2 | 创建一个自定义模块来处理与原生代码的交互 |
| 步骤3 | 在Reac
原创
2023-07-20 22:53:40
236阅读
