目前作者所知道的创建react组件的方式有三种：函数式定义(无状态组件)
function MyComponent(props){
return(
<h1>mycomponent</h1>
)
}es5原生方式
const MyComponent=React.createClass({
render:function
原文作者：John A. Calderaio
原生 iOS(Swift) 和 React-Native 的性能比较React-Native 是一个混合的移动框架，可以让你仅仅使用 JavaScript 来构建应用。然而，与其他混合移动开发技术不同的是，你构建的并不是一个 “移动网页应用”（把网页应用封装到一个原生的容器里）。在最后，你会得到一个真正的应用。与使用 Objective-C 编写的 i
转载
2023-08-03 21:01:55
117阅读
一、简介在讲本篇博文之前，需要你熟知怎么自定义ReactNative组件，然后才好学习将自定义的ReactNative组件制作成第三方库。本文中的自定义的ReactNative组件LoginManager API 源自上篇文章，所以需要先看一下上篇博文。言归正传，ReactNative的确提供了一个非常便捷的方式来扩展Native模块。如果要把模块做成第三方组件的话，还有一些工作要做：首先以一个静
react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
转载
2023-07-14 13:40:39
115阅读
React Native介绍React Native使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)Facebook已经在多项产品中使用了React Native，并且将持续地投入建设React Nat
转载
2023-07-20 20:31:51
102阅读
react native 的组件还是不多,有些也并不怎么好用,这时候就需要封装原生 UI 组件来供RN 使用了之前写过RN 与 native 的通信 无非就是两种:1 >>> RN->native react native 内部事件需要通知 native 调用 native 的方法(或者传递RN 中的数据到 native),这时候可以用新建一个 manager
转载
2023-11-27 10:29:56
62阅读
在内置组件中，有一些组件较为特殊，它们并不完全在Exparser的渲染体系下，而是由客户端原生参与组件的渲染，这类组件我们称为“原生组件”,这也是小程序Hybrid技术的一个应用。原生组件运行机制: <map latitude=“39.92” longtitude=“116.46”>在原生组件内部，其节点树非常简单，基本上可以认为只有一个div元素。上面这行代码在渲染层开始运行时，会经
转载
2024-03-03 07:35:19
43阅读
React Native集成到IOS应用附上另一篇RN集成到Android应用：我们默认有一个已有的ios项目，或者创建一个ios应用。第一步： 我们首先要安装RN所依赖的包，在根目录下创建一个react的文件夹，然后在文件夹中创建一个名为package的json文件，在json文件中添加一下代码：{
"name": "MyReactNativeApp",
"version": "0.0
转载
2023-10-12 16:56:35
330阅读
今天小编真想对苹果说一句，你可真是神速，前两天才刚放出iOS11.1 beta2，现在iOS11.0.3正式版又来了，不过在看过更新内容之后你可能会有点纠结，让你真真切切的感受以下什么叫悲喜两重天。首先之前iPhone7和7P用户可能碰到音频或触感反馈的BUG，这确实影响使用体验，想解决这个问题只有升级到iOS11.0.3，但至少也让大家明白了一点，这并不是硬件问题，不要再花钱去修了。第二个修复重
转载
2023-11-16 19:29:24
56阅读
原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中部分翻译可能不够准确，如果您有更好的想法，欢迎在评论区指出。封装
一个封装组件提供 props 控制其行为而不是暴露其内部结构。
耦合是决定组件之间依赖程度的系统特性。根据组件的依赖程度，
先上图看效果，再说原理user-card就是一个原生的组件的实列， 1，支持传入图像、姓名等props，prop更新时自动更新视图 2，支持使用slot，插入html片段，使用同vue类似 3，支持使用template标签，写组件模板 4，支持调用组件的方法，也可以传入方法给组件调用 5，兼容性良好，纯原生，主流浏览器都兼容概念组件是前端的发展方向，现在流行的 React 和 Vue 都是组件框架
转载
2023-07-31 17:55:46
65阅读
React 过渡动画 在 React 中我们可以通过原生的 CSS 来实现过渡动画 但是 React 社区为我们提供了 react-transition-group 帮助我们快速过渡动画 import React from 'react'; import styled from 'styled-co
原创
2022-05-13 17:50:00
212阅读
# iOS原生组件的使用及示例
在iOS开发中，使用原生组件可以使应用更加与系统整体风格一致，提供更好的用户体验。本文将介绍如何使用Axure创建iOS原生组件，并给出一些示例代码。
## 使用Axure创建iOS原生组件
Axure是一款流行的原型设计工具，可以帮助开发者快速创建iOS原生组件。下面是使用Axure创建原生按钮的示例代码：
```markdown
Button Butto
原创
2023-12-29 04:33:53
87阅读
van-field实现优点：样式美观，无需调整样式。 缺点：多个输入框中的值无法统一获取，需要重复操作，适合输入框较少的情况。wxml页面由于多个van-field中的值无法统一，需要对每个输入框单独获取。故以获取第一个输入框为例。为其绑定bindblur事件，当输入框失去焦点时触发事件，console出event对象即可获取到输入的值。<van-cell-group>
<v
转载
2024-09-24 17:25:31
59阅读
# 如何实现 React Native iOS 原生返回失效
在开发 React Native 应用时，有时我们需要处理 iOS 的返回按钮行为，确保它在特定情况下失效。这可以提升用户体验，确保用户不会意外退出应用。下面是如何实现这一功能的详细流程以及代码示例。
## 流程概览
| 步骤 | 描述 |
|------|---------
原创
2024-09-08 03:58:30
70阅读
# 如何在 React Native 中创建 iOS 原生模块
React Native 是一个强大的框架，它允许我们使用 JavaScript 创建原生移动应用。在使用 React Native 开发过程中，有时我们需要调用一些原生功能，而这时就需要创建原生模块。在本篇文章中，我将指导你如何在 React Native 中实现 iOS 原生模块。
## 整个流程介绍
在创建 iOS 原生模
# React Native接入iOS原生开发
React Native是一种使用JavaScript和React构建原生移动应用程序的框架。它允许开发人员使用相同的代码库构建iOS和Android应用程序。然而，在某些情况下，需要在React Native项目中添加一些原生iOS代码来实现一些特定功能。本文将介绍如何在React Native项目中接入iOS原生代码，并提供一些示例代码。
#
原创
2024-04-16 03:29:15
333阅读
# 在iOS中引入React Native的步骤指南
在开发移动应用时，结合原生iOS与React Native，可以实现更灵活的用户界面与功能。对于刚入行的小白来说，这可能会显得有些复杂。本文将逐步指导你如何在iOS项目中引入React Native，并提供必要的代码示例。
## 流程概述
以下是引入React Native到你的iOS项目的基本步骤：
| 步骤 | 描述
原创
2024-10-23 04:55:05
148阅读
目录一，迭代过程二，资源管理器1，K8S概述2，K8S基础概念2.1 ，pod资源2.2 ，service 资源 2.3，yml文件2.4，控制器2.5 存储2.6，调度器scheduler2.7，label标签2.8，namespace2.9，安全三，CNI插件三，kubernetes核心组件 3.1，Master组件配置存储中心-etcd3.2 node组件四，K8S创建p
转载
2024-02-24 07:24:15
30阅读
本人是android开发者，刚刚接触react-native不到一月，这是我的第一篇原创博客，从一开始照着React Native上文档的例子熟悉每一个控件的使用，到页面跳转，跳转到android原生Activity，再到自己实现一些简单的原生的android react-native组件，这是我上传到npm的两个组件（react-native-gotoactivity-android 和reac
转载
2024-01-26 07:15:12
121阅读
