不知从何时起，移动端App开发，采用Native还是使用Web的争论不绝于耳。二者的优缺点不再赘述。Web App当然是开发者期待的理想结果，但是由于Native App在用户体验上的绝对碾压，大部分移动端App还是采用Native的方式，少数架构复杂、对Web依赖较多的App，会采用一种称为Hybrid（Web + Native）的开发方式，在iOS上，Native通过-[UIWebView s
转载
2024-08-30 11:11:37
106阅读
http://blog.cnbang.net/tech/2698/ React Native是facebook刚开源的框架，可以用javascript直接开发原生APP，先不说这个框架后续是否能得到大众认可，单从源码来说，这个框架源码里有非常多的设计思想和实现方式值得学习，本篇先来看看它最基础的Ja
转载
2017-04-11 17:51:00
137阅读
2评论
本文转载至://blog.cnbang.net/tech/2698/?from=groupmessage&isappinstalled=1React Native是facebook刚开源的框架，可以用javascript直接开发原生APP，先不说这个框架后续是否能得到大众认可，单从源码来说，...
转载
2015-09-22 23:01:00
108阅读
2评论
React Native 页面调试工具 react-native-vdebug
原创
2023-10-31 10:46:40
79阅读
点赞
yarn add react-native-vdebug import React from 'react' import { createNativeStackNavigator } from '@react-navigation/native-stack' import { getRouter
原创
2024-04-29 09:30:26
67阅读
如何从主页跳转到详情页：在跳转中经常出现 undefined is not an object (evaluating 'this.props.nav
原创
2022-07-08 20:03:40
486阅读
配置主要分为以下几步：安装node.js安装AndroidStudio安装React Native命令行工具搭建React Native版本的Hello World，修改代码查看效果第一步下载node.js，安装并配置环境变量。下载地址：https://nodejs.org/en/download/。检验是否配置成功，命令行输入：node -v成功则会显示nodejs版本，否则配置有问题。第二步安
转载
2023-08-25 14:03:24
58阅读
# 在 React Native 中嵌入原生 iOS 页面
在开发移动应用时，使用 React Native 的框架提供了极大的便利，可以跨平台构建应用。然而，有时我们可能需要使用原生功能或现有的原生代码，比如 iOS 页面。在本文中，我们将探讨如何在 React Native 中嵌入原生 iOS 页面，并提供相应的代码示例。
## 目录
1. 什么是 React Native
2. 为什么
react-native 导航组件react-navigation详解
继续上篇文章 ，还是先看下上篇文章 react-navigation 的官方文档，没看也没有关系，请看下面我的唠叨我们 配置路由，话不多说，直接还是贴代码吧。1、 StackNavigator: 用于app界面窗口之间的切换2 、TabNavigator: 用于设置一个界面的不同tabs3、 DrawerNavigator:
转载
2024-03-11 20:54:21
50阅读
RN中文网关于原生模块（Android）的介绍可以看到，R
转载
2022-12-14 19:40:03
256阅读
ReactNative中，js与native如何互相通信？
原创
2024-10-16 10:02:55
148阅读
文章目录一、ReactNative简介二、环境搭建2.1. 安装Xcode2.2. 安装Node.js2.3. 安装Homebrew2.4. 通过brew安装watchman和flow2.5. 安装react-native-cli命令行工具2.6. 安装NVM2.7. 创建项目2.8. 打开项目并运行2.9. 打开App.js编程三、总结 一、ReactNative简介ReactNative是移
转载
2023-11-27 00:41:18
60阅读
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评论
react-native 登录事件是onPress={this.login}如果写成onPress={this.login()}则回调函数失效！！！react-native state变量，只要有一个变化全局性重新渲染刷新！注意TextInput 输入框在监听state变量时一定要使用onTextChange={(username)=>setState({username})},只有这样th
原创
2016-11-19 16:42:44
806阅读
移动应用很少只包含一个页面。从你添加第二个页面开始，就得考虑如何管理多个页面间的跳转了。导航器正是为此而生。它可以也便于定制。 场景（Scene）
原创
2023-04-27 12:14:58
554阅读
React Native组件解析(二)之View0.JSXReact的核心机制之一就是虚拟DOM：可以在内存中创建的虚拟DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能.JSX的语法如下return (
<View style={styles3.container}>
<Text> 当前屏幕的宽度：{Dimensions.get(
作者 | 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阅读
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
React-Native最核心的是Native与Javascript之间的通信，并且是双向通信。Native层到Javascript层，Javascript层到Native层。虽说是两个方向，但实现上大同小异，我们先从Native层入手，研究一下Native调用Javascript的过程。 1、通信
转载
2018-02-11 16:49:00
455阅读
2评论
