这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
转载
2022-04-12 14:36:49
297阅读
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
原创
2022-04-01 22:34:23
161阅读
1、基础规则 一个文件声明一个组件： 尽管可以在一个文件中声明多个 react 组件，但是最好不要这样做；推荐一个文件声明一个 react 组件，并只导出一个组件； 使用 jsX 表达式： 不要使用 React.createElement 的写法； 函数组件和 class 类组件的使用场景： 如果定
转载
2020-09-21 15:31:00
471阅读
2评论
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
85阅读
本篇文章是《ReactNative源码篇》的第一篇文章，刚开始，我们先不对源码做深入的分析，我们先要对源码的结构和ReactNative的框架有个大致的印象，由此便引出了本篇文章需要讨论的两个问题：1. ReactNative系统框架是怎样的？
2. ReactNative系统框架的主线在哪里，有哪些支线，如何去分析这些线路？复制代码好，我们先来看第一个问题。一 ReactNative系统框架概
转载
2023-12-22 22:51:27
61阅读
背景 在vscode 中，虽然有插件可以达到代码提示的效果但是不是很嗨。 所以加上这些： 全局安装typings: npm install typings -g 1 安装react和react-native的接口说明文件： typings install dt~react --save typing
转载
2020-06-26 18:06:00
211阅读
2评论
# 如何在 React Native 中调用 Android 原生代码
在 React Native 中，有时可能需要调用一些 Android 原生功能。这篇文章将为您提供一个完整的指南，从流程到代码实现，帮助您轻松完成 React Native 调用 Android 原生代码的任务。
## 流程概述
为了清晰地理解整个过程，以下是调用 Android 原生代码的基本步骤：
| 步骤 |
原创
2024-10-04 07:26:30
49阅读
目前还是react native 开发小白，昨天才搭建了一个react native学习，因为此技术已经比较成熟，搭建环境的文章也不少，此片文章比较清楚，转载地址：://tuicool.com/articles/26byiuZ 第1步：安装最新版Java 我们在Windows下面搭建react-native环境就是为了开发Android程序，必须有Java环境。下载安装JDK&nb
转载
2024-03-07 23:09:20
20阅读
本文旨在介绍windows环境的android应用的环境搭建和项目构建以及真机调试。由官方文档可知，react-native必须安装的依赖有：Node、JDK 和 Android Studio。虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。1、 关于android studio的
转载
2024-03-08 20:28:48
28阅读
文章目录React 代码规范1、基础规则2、组件声明（1）组件名称和定义该组件的文件名称建议要保持一致；（2）不要使用 displayName 属性来定义组件的名称，应该在 class 或者 function 关键字后面直接声明组件的名称。3、React 中的命名4、JSX 写法4.1、标签（1）当标签没有子元素的时候，始终使用自闭合的标签 。（2）如果标签有多行属性，关闭标签要另起一行 。（3
转载
2024-08-21 11:09:01
23阅读
本文将从三个方面分享 react native 转 web 方案：react-native-webreact-native-web 的使用react-native-web 源码分析react-native-web 实践react-native-web：github.com/necolas/rea…使用安装yarn add react react-dom react-native-web
复制代码如
转载
2023-12-12 11:33:01
119阅读
In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a
转载
2018-01-15 00:55:00
546阅读
2评论
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
为何要自己编译React Native安卓私有代码 我们在开发中遇到一个HTTP2的问题，React Native安卓客户端在和HT
转载
2022-10-24 15:05:04
248阅读
Learn to install JavaScript modules that include native code. Some React Native modules include native code for Android and/or iOS in addition to Java
转载
2017-02-16 02:28:00
447阅读
2评论
用React Native编写跨平台APPReact Native 是一个编写iOS与Android平台实时、原生组件渲染的应用程序的框架。它基于React，Facebook的JavaScript的库，为的是构建用户接口，而并不是以浏览器为目标，它是以手机平台为目的。换句话说，假设你是一个web开发人员，你能够使用React Native去编写干净、高速的移动APP，而且能够体会到熟悉的框架和单个
转载
2024-10-16 20:16:03
0阅读
# React Native如何调试Java代码
在React Native开发中，我们通常会使用JavaScript编写UI和业务逻辑，但有时候我们还需要调用一些原生Android或iOS的功能。对于Android开发者来说，涉及到Java代码的调试可能是一个挑战。本文将介绍如何在React Native项目中调试Java代码，以解决这一实际问题。
## 问题描述
在React Nativ
原创
2023-08-31 04:33:01
295阅读
，当前页面下ios模拟器通过cmd+D(真机可以通过摇一摇),android通过Menu按键，调出RN的开发者菜单，如图所示。其中有选项“Debug in Chrome”，可以将JS脚本在Chrome中进行调试。 此时Chr...
原创
2022-08-05 08:33:49
429阅读
