前言本文主要介绍 react-native(下称 RN) 的入门, 和前端的异同点文章不涉及功能的具体实现选择优势我们先说说, 为什么很多人会选择使用 RN 、他对应的特性和普通 Web 的区别前端资源, 生态的互通因为使用的语言是 JS 和 react, 对于前端来说可以无缝切换, 并且他还能使用前端的各类包在 JS 端, 安卓和 iOS 是同一套代码热更新很多选择使用 RN 的原因就是有热更新
目录一、我对原型设计的理解二、原型设计工具的简单介绍三、具体介绍对墨刀的使用四、个人感受五、个人推荐 一、我对原型设计的理解 对于原型设计的理解，我认为原型设计所设计出来的产品代表软件的一个基本框架，通过对软件页面的设计对软件进行“
ios设计主题作为IOS的开发者，您有机会开发出一个上升到AppStore排行榜中的非凡的产品，为此，您需要满足用户对质量和功能的高期望。IOS与其他平台的三个独特之处：清晰：在整个系统中，每一个尺寸的文字都是清晰可辩的，图标精确而清楚的，装饰都是微妙和适当的，并更为关注功能激励设计。尊重：流畅的动画和清晰美观的界面可以帮助人们了解并与内容产生交互，而不会产生冲突。内容通常会填满整个屏幕，而暗示则
今天,记录一下iOS原生和React-Native之间的交互. 先看一下怎么在iOS原生中集成react-native模块.iOS原生和React-Native之间的交互主要通过NativeModules实现.先看RN->iOS原生开发环境版本:准备: 终端新建一个react-native项目或者使用上一篇文章建立的demo.a.先使用Xco
转载
2023-07-25 11:40:28
199阅读
【原生APP和混合开发与H5对比】 1、前者有更合适的线程模型，尽管Web Worker可以解决一部分问题，但如图像解码、文本渲染仍无法多线程渲染，这影响了Web的流畅性。当大量用户访问H5应 用时，或者要加载大图片资源时，效率降低，图片可能会出现失真的情况2、原生APP拥有成熟的第三方库和组件，相比react native和H5更为有优势，react native的组件和库没有那么全
为设计而生iOS 设计包含了以下几个关键点遵从：UI 能够帮助用户理解内容并与之互动，但却不会分散用户对内容的注意力清晰：每种大小的文字都必须是易读的，界面中的图标醒目且无多余的修饰，在功能上有突出的重点，很好地突显了设计理念。深度：视觉层次和生动的交互操作赋予了 UI 生命力，不仅能够帮助用户更好的理解 UI，还能让用户在使用过程中感到惊喜无论你正在重新设计一个现有的 App 或是开发一个新 A
转载
2023-08-03 17:18:58
49阅读
不知不觉，接触并开发RN项目已经有大半年的时间。从开始的辅助开发到现在的负责RN和iOS端的全部项目。感触良多。对RN也有了更多的理解，不禁想记录一下内心的感想。接触RN，也是工作原因，新来的公司需要iOS开发，然而iOS端的任务也不是很多，只是一些原生功能的实现，便慢慢的学习RN，了解RN，到开始写RN。毕竟与iOS原生的差别太大，所以刚开始学习不免会有很多很多的困惑，也会有很多很多的不解，还好
相信对于产品设计人员来说，对于 iOS 人机交互说明手册（iOS Human Interface Guidelines）应该都不陌生，作为苹果官方出品的文档对于我们在IOS以及移动产品设计上面有很大的指导和参考意义，值得每一个产品设计人员反复阅读。但由于该文档篇幅较长、涉及的内容细则广泛，所以这里将其中提到的一些重点和值得注意的部分做了一个总结和大家分享。
可点击元素的最小
https://facebook.github.io/react-native/docs/native-components-android.html 这里有一大堆的原生组件可以用，一些是平台自带的，另一些是第三方库的，而更多的正在其他项目中被使用。RN包装了大部分核心平台组件，但不是所有。幸运的是可以很简单地完美集成现有的原生组件到RN中ImageView案例 这个案例的目标是实现在JS中使
最近在要把IOS原生端的百度人脸离线采集SDK移植到React-Native上，就学习了IOS原生平台与RN之间的通信机制。做了一个Demo，现在把知识点梳理了一下，主要有以下两个：（1）RN调用IOS原生平台的方法，并传递参数。（2）IOS原生平台向RN发送事件，并传递参数。Demo主要业务流程如下：（1）RN端跳转到IOS原生页面（我们假设这个是人脸识别页面）。这一步就是实现RN调用IOS原生
转载
2023-08-16 15:50:36
208阅读
## 实现RN和Android交互的步骤
在这篇文章中，我会向你介绍如何实现React Native（RN）和Android的交互。首先，我会给你展示整个实现的流程，并且详细说明每一步需要做什么以及需要使用的代码。
### 流程表格
| 步骤 | 内容 |
| ---- | ---------------------------- |
| 1
导语: 其实原本是想编写一篇 react-native (下文简称 rn) 在 iOS 中如何实现 jsbridge 的文章;相信看过官方文档的同学都清楚 rn 和 iOS 通信使用了一个叫RCTBridgeModule的模块去实现。但是不知怎么呢？为了查阅其通信的原理，编写了一篇ReactNative 与 iOS 原生通信原理解析-初始化; 由于篇幅过长，我们还未讲解 JS 代码的加载和执行；下
转载
2023-08-22 20:22:03
204阅读
关于消息转发机制可能用到的也不是很多，但是在这里也记录下，它的几个用法。如果我们想让一个类没有实现的方法想让另一个类去做，其实就要用到消息转发的机制了。就好比我们有一个Person类，如果这个类声明了eat方法但是没有去实现这个eat方法，然后我们在创建一个Person类对象的时候，然后去调用eat方法，程序毫无疑问会崩溃。关于消息转发首先有几个方法我们需要去知道的就是下面的这几个方法//这个是消
# 与Android进行RN交互
React Native（RN）是一种流行的移动应用开发框架，可以帮助开发人员快速构建跨平台的移动应用。与原生应用相比，RN具有更快的开发速度和更好的跨平台兼容性。然而，有时候我们需要在RN应用中与原生Android模块进行交互，以实现一些特定的功能。本文将介绍如何在RN应用中与Android原生模块进行交互，并提供代码示例。
## 准备工作
在开始之前，我
一、Android编码规范 1.java代码中不出现中文，最多注释中可以出现中文 2.局部变量命名、静态成员变量命名 只能包含字母，单词首字母出第一个外，都为大写，其他字母都为小写 3.常量命名 只能包含字母和_，字母全部大写，单词之间用_隔开 4.layout中的id命名 命名模式为：view缩写_模块名称_view的逻辑名称 view的缩写详情如下 LayoutView：lv Relativ
转载
2023-08-25 01:44:35
52阅读
最好先用命令行创建一个RN,react-native init + 项目名， 后面集成的时候可以直接拿来用里面的文件，而不用命令行查询版 本，因为RN建议里面的react-native或react使用最新版本。1、搭建ReactNative 开发基础环境，按https://reactnative.cn/docs/0.45/getting-started.html 文档来安装
转载
2023-07-09 23:07:48
133阅读
这只是个记录，没有什么原理性的东西。如果你遇到相似的问题，也许可以看下。iOS：在Xcode对项目打包成ipa。react-native 版本：0.55.4react-native-cli 版本:1.3.0第一步：创建真机调试需要的资源文件(生成 jsbundle 和 assets 获取所有的js文件和资源文件) 在项目中
android中选择控件与选择界面自然过度效果的实现--一种新的交互设计
在安卓中常常遇到需要选择一个东西的功能，比如选择日期，选择文件，选择地点等，通常我们的做法是使用选择对话框，比如选择日期用datepicker，有时候也使用activity，但是这两种方式都有一个缺点，就是用户很明显的感觉到了界面之间的切换。有时候，下面这种选择数据的交互方式应该会更好些： 其实上面的ap
转载
2023-08-28 15:05:44
46阅读
# Android原生与RN交互实现教程
## 流程图
```mermaid
flowchart TD
A(创建RN项目) --> B(在Android项目中集成RN)
B --> C(实现RN调用Android原生模块)
C --> D(实现Android调用RN模块)
```
## 状态图
```mermaid
stateDiagram
开发者 -->
内存管理是任何编程语言中最重要的过程之一。它是在需要时分配对象的内存并在不再需要时取消分配的过程。管理对象内存是一个性能问题; 如果应用程序不释放不需要的对象，则应用程序会因内存占用增加并且性能受损。Objective-C内存管理技术大致可分为两类 -“手动保留或释放”或MRR“自动参考计数”或ARC1. “手动保留释放”或MRR在MRR中，通过跟踪自己的对象来明确管理内存。这是使用一个称为引用计
