本篇博客仅作个人记录，如有错误大佬们欢迎提醒、评论、以及交流ReactNative技术。我查看了许多博客，发现大多都写的比较简练，我就来结合自身的经验做个梳理和总结，帮助小白们加深一下对ReactNative+Android混合开发的理解。这里说的混合开发与官网上说的【集成到现有原生应用】存在区别，一个是以原有的Android项目为基础，在此之上某一两个页面或业务流程用ReactNative。而本
转载
2023-09-12 20:45:02
83阅读
老规矩，还是先添加依赖：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阅读
接着上文，原生模块sync之后如果没有报错信息，那么我们就可以进入下一步了。我们还是分两大部门来介绍；rn端和原生端。rn端环境搭建(进阶) 大家还记得上面这篇博客的这幅图吧。这就是我们执行下面命令，生成的原始目录结构。npx react-native init AwesomeProject 现在，我们来对它添加一些文件，以完善rn端执行js/ts代码所需要的功能。 我们需要添加两个文件babel
转载
2024-02-20 22:12:06
24阅读
一、子向父组件传值 方法一:
父组件
//方法
parentFn(data1, data2, e) {
// 按照参数排列 最后一个是event
console.log(data1, data2, e) //输出 1 2 event内容
}
//渲染
render() {
return (<Fragm
转载
2023-11-29 11:34:37
70阅读
## 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阅读
# React调用Android原生方法
## 1. 整体流程
通过React Native框架，我们可以在JavaScript中调用Android原生方法。整个流程可以概括为以下几个步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤1 | 创建一个React Native项目 |
| 步骤2 | 创建一个自定义模块来处理与原生代码的交互 |
| 步骤3 | 在Reac
原创
2023-07-20 22:53:40
236阅读
# 如何在 React Native 中调用 Android 原生代码
在 React Native 中，有时可能需要调用一些 Android 原生功能。这篇文章将为您提供一个完整的指南，从流程到代码实现，帮助您轻松完成 React Native 调用 Android 原生代码的任务。
## 流程概述
为了清晰地理解整个过程，以下是调用 Android 原生代码的基本步骤：
| 步骤 |
原创
2024-10-04 07:26:30
49阅读
# React Native 调用 Android 类的全面指南
## 引言
React Native 是一个流行的开源框架，允许开发者使用 JavaScript 和 React 进行移动应用开发。尽管 React Native 提供了许多内置组件和 API，但在一些特定场景中，我们可能需要直接调用 Android 的原生类和方法。这篇文章将深入探讨如何在 React Native 中调用 A
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阅读
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
85阅读
# 在 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组件中如何定义方法，调用方法，获取数据，改变数据，方法传值，调用方法时改变this指向。一、react中调用方法import React from 'react';
class Demo1 extends React.Component {
constructor(props){
super(props);
}
runFun() {
转载
2024-01-30 20:43:35
94阅读
IOS的问题比较少，直接使用客户端同事给出的字体名称就可以直接使用{ fontFamily: 'customFont' } 这个字体名称是他们在外层客户端里面已经打包好了的，我可以直接通过名称调用
自己打包字体教程如下 adding-custom-fonts-to-react-native 比较棘手的是安卓的字体使用，他们的字体是放在assets目录下的 我尝试用名称和路径去调用
转载
2024-05-30 11:44:12
46阅读
由于现在手机用户越来越多。人们对手机的依赖也越来越严重。越来越多的公司都要求程序可以在手机上是用。如果想要在IOS和Android设备上运行程序需要开发两套不同的程序。React Native是基于Javascript和原生的中间产物 ，他具有跨平台行。只需要简单的编译就可以实现在IOS和Android两套系统上面使用。话不多说。首先我们需要搭建好安卓开发的环境。具体的细节可以参考官方文档：htt
转载
2019-01-17 16:40:00
166阅读
现在所在公司的App出于提高效率和代码复用的原因, 采用 React Native 来开发, 已经过去了三年多了. 这中间, Weex, Flutter陆续登场, 最终舞台上留下的只剩下了 React Native 和 Flutter. 紧跟时代的潮流, 我司App现在开始了迁移到Flutter的过程, 其中遇到不少问题, 开发之余将在这里进行总结. 同时开发中的App的代码已经准备开源
转载
2023-11-02 06:01:05
101阅读
结合ReactNative 调用Androi
原创
2022-08-19 12:58:37
260阅读
