【react】父组件向子组件传值
父向子是用props，然后再子那边有一个监听函数
componentWillReceiveProps:function(nextProps){
this.setState({
visible:nextProps.visible,
item:nextProps.item,
转载
2024-07-08 18:21:03
26阅读
# 如何在 React Native 中调用 Android 原生代码
在 React Native 中，有时可能需要调用一些 Android 原生功能。这篇文章将为您提供一个完整的指南，从流程到代码实现，帮助您轻松完成 React Native 调用 Android 原生代码的任务。
## 流程概述
为了清晰地理解整个过程，以下是调用 Android 原生代码的基本步骤：
| 步骤 |
原创
2024-10-04 07:26:30
49阅读
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
85阅读
本篇博客仅作个人记录，如有错误大佬们欢迎提醒、评论、以及交流ReactNative技术。我查看了许多博客，发现大多都写的比较简练，我就来结合自身的经验做个梳理和总结，帮助小白们加深一下对ReactNative+Android混合开发的理解。这里说的混合开发与官网上说的【集成到现有原生应用】存在区别，一个是以原有的Android项目为基础，在此之上某一两个页面或业务流程用ReactNative。而本
转载
2023-09-12 20:45:02
83阅读
用React-Native也有1个月了，好多疑惑一直挂在心头，没有得到很好的答案，有道是：纸上得来终觉浅,绝知此事要躬行今天来源码中一探究竟,博主使用的环境是“react”: “15.3.1”,
“react-native”: “^0.33.0”,先看第一个问题一切的开始-startReactApplication想要搞清楚这个问题，那首先要知道在start一个ReactActivity的时候发生
转载
2024-03-14 18:09:06
245阅读
老规矩，还是先添加依赖：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阅读
一、子向父组件传值 方法一:
父组件
//方法
parentFn(data1, data2, e) {
// 按照参数排列 最后一个是event
console.log(data1, data2, e) //输出 1 2 event内容
}
//渲染
render() {
return (<Fragm
转载
2023-11-29 11:34:37
70阅读
接着上文，原生模块sync之后如果没有报错信息，那么我们就可以进入下一步了。我们还是分两大部门来介绍；rn端和原生端。rn端环境搭建(进阶) 大家还记得上面这篇博客的这幅图吧。这就是我们执行下面命令，生成的原始目录结构。npx react-native init AwesomeProject 现在，我们来对它添加一些文件，以完善rn端执行js/ts代码所需要的功能。 我们需要添加两个文件babel
转载
2024-02-20 22:12:06
24阅读
## React Native 调用 Android
作为一名经验丰富的开发者，你可以教会刚入行的小白如何实现"React Native 调用 Android"。下面是整个实现过程的步骤和每一步需要做的事情。
### 步骤
| 步骤 | 动作 |
| --- | --- |
| 1 | 创建一个React Native项目 |
| 2 | 编写Native模块 |
| 3 | 注册Nativ
原创
2023-07-25 18:45:16
157阅读
前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介绍React的事件机制是什么，与原生事件的区别，以及这两种事件机制是否可以混用等。希望您在阅读这篇文章之后，能够对React的事件机制原理有所了解，借此在使用React的过程中避免错误，或者更加准确地定位错误。
前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介
转载
2023-06-16 19:36:51
143阅读
先说一下我使用webview的时候遇到的一个功能需求是这样的，上图中的这个页面是用h5做的，但是由于点击“我的优惠劵”是需要跳转到我原生的页面，也就是说我需要获得这个h5提供的点击事件，但是由于这个页面不是在我们本地弄的，而是在后台那边弄好，然后通过给一个h5链接，所以我们在本地是没有办法给它添加点击事件。嗯，是的，我们没有办法给它添加事件点击，但是我们没有拿到这个点击事件，我们怎么进行跳转呢。到
# React Native 调用 Android 类的全面指南
## 引言
React Native 是一个流行的开源框架，允许开发者使用 JavaScript 和 React 进行移动应用开发。尽管 React Native 提供了许多内置组件和 API，但在一些特定场景中，我们可能需要直接调用 Android 的原生类和方法。这篇文章将深入探讨如何在 React Native 中调用 A
# React调用Android原生方法
## 1. 整体流程
通过React Native框架，我们可以在JavaScript中调用Android原生方法。整个流程可以概括为以下几个步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤1 | 创建一个React Native项目 |
| 步骤2 | 创建一个自定义模块来处理与原生代码的交互 |
| 步骤3 | 在Reac
原创
2023-07-20 22:53:40
236阅读
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调用桌面全屏的关键代码//设置状态state = { // 检测全屏状态
原创
2023-01-09 17:30:03
147阅读
# 在 React Native 中调用 Android 原生 SDK
React Native 是一种流行的跨平台移动应用开发框架，它允许开发者使用 JavaScript 开发 Android 和 iOS 应用。然而，尽管 React Native 提供了大量的内置组件和 API，有时我们仍需要调用原生 SDK 以获得更强大或更特定的功能。本文将探讨在 React Native 中如何调用 A
原创
2024-10-23 06:21:26
182阅读
# 如何在 React Native 中调用原生 Android SDK
作为一名开发者，了解如何将原生 Android SDK 与 React Native 集成是非常重要的。下面将通过一系列步骤来教会你如何实现这一个功能，我们会采用表格、代码示例以及图表来帮助你更好地理解。
## 整体流程
以下表格展示了集成原生 SDK 的基本步骤：
| 步骤 | 说明
原创
2024-09-26 05:34:59
179阅读
一、react项目流程create react app文档1、安装npm i create-react-app -g
create-react-app myapp
或者
npx i create-react-app myapp2、创建基本目录，将App.jsx移入layout中入口找布局，布局找页面，页面找组件-[myreactapp] 项目名
---[src]
-----[components]
转载
2023-12-14 22:13:18
100阅读
在使用 Visual Studio Code（VSCode）进行 Android React 项目开发的过程中，可能会遇到一些配置和运行的问题。本文将深入探讨如何在 VSCode 中成功运行 Android React 代码，通过多维度分析问题，提供详细的解决方案和实战经验。
## 背景定位
随着移动端应用开发的日益普及，React Native 作为一种跨平台开发工具逐渐受到开发者的青睐。然
