一、什么是 JSXJSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖，也是react.js的使用基础。React在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX。二、JSX 的基本使用 2.1 为什么使用 JSX 原因一：使用 React.createElement()
转载
2024-06-28 16:14:05
96阅读
1.获取主屏幕尺寸 // 导入类库 // 样式 2.Image 图片 {/* 设置尺寸的情况下 */} {/* uri是固定写法，后面跟上图片网络URL地址的字符串即可，还有，网络图片必须设置图片的大小，否则无法显示，一般还需要配合填充方式以达到想要的效果 */} 3.TextInput 文本输入框
转载
2017-07-14 21:05:00
277阅读
2评论
500, // 动画持续时间（毫秒）LayoutAnimation.Types.easeInEaseOut, // 动画类型LayoutAnimation.Properties.opacity
1. 引言在移动应用开发领域，开发者长期面临 跨平台开发效率 与 原生性能体验 的平衡难题：传统的原生开发（iOS用Objective-C/Swift，Android用Java/Kotlin）虽能实现最佳性能，但需为不同平台维护两套独立的代码库，导致人力成本高、迭代周期长；而早期的跨平台方案（如Hybrid的Cordova、Ionic）虽通过WebView渲染HTML/CSS/JS实现“一次编写，
为了更好的理解 React Native，我们需要了解 RN 的架构原理。这里主要介绍两个内容现有架构 当前 RN 正在使用的架构新架构 2018年6月，Facebook推出了 RN 的重构计划。我们需要了解下一代 RN 的架构原理。现有架构架构模型 基本架构模型如下：Native 是原生部分，例如：iOS 原生或 Android 原生JS 端主要是 React 语法Bridge 用与 Nativ
转载
2023-08-17 17:04:41
340阅读
1.简单介绍 ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式公布了。它的目标。是使得JavaScript语言能够用来编写复杂的大型应用程序，成为企业级开发语言。 JavaScript的创造者Netscape公司，之后将JavaScrip
转载
2018-01-23 13:10:00
99阅读
点赞
基础概念部分RN的起源，开发特点：起源：2015年3月26日，Facebook公司对外正式发布了ReactNative—使用React框架跨平台开发原生移动应用的开源技术框架(ReactNative经常被简称、简写为RN)。开发者可以使用ReactNative高效地开发运行于Android与iOS操作系统的应用程序。它的设计理念是:使用ReactNative开发，既拥有Native的良好人机交互体
转载
2023-12-16 11:54:22
169阅读
http://blog.cnbang.net/tech/2698/ React Native是facebook刚开源的框架，可以用javascript直接开发原生APP，先不说这个框架后续是否能得到大众认可，单从源码来说，这个框架源码里有非常多的设计思想和实现方式值得学习，本篇先来看看它最基础的Ja
转载
2017-04-11 17:51:00
137阅读
2评论
返回键事件监听// 定义处理函数// 处理逻辑// 添加监听器// 移除监听器退出应用// 退出应用【实战】阻止返回键直接退出应
TextInputunderlineColorAndroid="transparent" // 移除Android下划线selectionColor="red" // 选中文本颜色caretHidden={true} // 隐藏光
本文转载至://blog.cnbang.net/tech/2698/?from=groupmessage&isappinstalled=1React Native是facebook刚开源的框架，可以用javascript直接开发原生APP，先不说这个框架后续是否能得到大众认可，单从源码来说，...
转载
2015-09-22 23:01:00
108阅读
2评论
今天我们从历史传统“Hello World”开始。首先创建一个项目, 指定创建0.55.4的版本react-native init rndemo --version 0.55.4进入项目中，使用命令yarn install 安装依赖 等待安装完成之后，进入项目根目录，使用如下命令运行到iOS或Android模拟器上，即可看到下面的画面，就表示运行项目成功了react-native run-ios
转载
2024-01-19 23:19:41
99阅读
React Native 是一种 JavaScript 框架，可让开发人员构建强大且响应迅速的交互式应用程序。技术驱动型企业现在选择使用React -Native框架来构建超越现代移动应用程序。 React Native 是 Facebook 和本地于 2015 年合作开发的开源跨阶段应用开发系统。它的组件被设计成在 Android 和 iOS 上看起来和工作起来都是一样的，有一些库可以帮助
转载
2023-08-30 23:00:31
150阅读
概述自从2015年4月React Native 发布以来后，关于移动跨平台的话题就层出不穷，utter...
原创
2022-09-07 10:22:03
338阅读
而在React Native中，有4个容器属性，2个项目属性，分别是： 容器属性：flexDirection flexWrap justifyContent alignItems 项目属性(子元素属性)：flex alignSelf flex-direction属性 flex-direction属性
转载
2018-07-29 22:52:00
256阅读
2评论
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新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
块中。如果开发者需要继续使用Navigator，则需要...
原创
2022-09-07 11:48:45
834阅读
