在移动互联网产品迅猛发展的今天,技术的不断创新使得企业越来越注重降低成本、提升效率。为了在有限的开发资源下迅速推出高质量、用户体验好的产品,以实现公司发展,业界催生了许多移动端跨平台解决方案。
原创
2024-09-02 11:27:59
183阅读
点赞
# React Native移动开发实战### 1 React Native入门#### 1.1 React Native基本知识##### 1.1.1 React简介##### 虚拟DOM(Virtual DOM)#####
转载
2020-05-10 12:33:00
396阅读
移动应用开发在当今的技术领域中扮演着重要的角色。React Native作为一种流行的开发框架,允许开发人员使用JavaScript来构建原生移动应用程序。本文将带您深入了解React Native,并通过一个实例项目来展示如何使用React Native开发一个简单的移动应用。准备工作: 在开始之前,确保您已经安装了Node.js和React Native命令行工具。可以使用以下命令进行安装:n
原创
2023-10-25 17:31:48
149阅读
跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架百花齐放,颇有一股推倒原生开发者的势头。 为什么我们需要跨平台开发? 本质上,跨平台开发是为了增加代码复用,减少开发者对多个平台适配的工作量,降低开发成本
转载
2018-08-20 16:06:00
446阅读
2评论
下载链接:https://pan.baidu.com/s/1pa7G2EqR1P4g8K0Xi0NnOg密码:7tay
原创
2018-05-17 10:15:24
799阅读
为什么要造轮子在 React 中使用表单有个明显的痛点,就是需要维护大量的value和onChange,比如一个简单的登录框:class App extends React.Component {
constructor(props) {
super(props);
this.state = {
username: "",
password: ""
类似于苹果手机的弹出效果,动画很流畅,效果如图所示:http://www.jianshu.com/p/36ec413f7098
效果图
分析实现过程 1.设置应用到的组件状态this.state = {
isShow: false,
inputText: '',
opacityAnimationValue: new Animated.Value(0),
转载
2024-01-07 16:35:00
132阅读
一、简介前面都是介绍关于RN基本的API组件和UI组件,这些组件在复杂的复合组件中都是以颗粒度的形式存在的,如何有效合理的利用它们进行封装,是十分有必要的。开发复合组件的好处有很多,最为明显的就是复用和独立功能模块。复合组件分为两种,一种是静态的,这种组件不具备重用的特征,由静态数据组成,开发静态页面即可,不考虑数据的传递。另一种就是动态组件,它可以通过接收外部传入的动态数据进行联动,达到组件复用
目录1.效果展示2.分步演示商品详情页面搜索页购物车页结算页面1.效果展示商品详情页商品搜索页购物车页购物车详情页结算页2.分步演示在实际开发前要对我们所需要做的整体页面和其中所需要的各个组件有一个整体构思,此项目一共有三个页面:商品页面,购物车页面,结算界面。其中商品数据是每个页面都需要用到的所以将商品数据存于store里便于使用,其次使用React createPortal() 创建创建模态窗
转载
2024-05-25 13:08:31
74阅读
介绍cube-ui是一个基于Vue.js实现的移动端组件库,它是由滴滴内部组件库精简提炼出来的,追求接近原生的体验! 特性质量可靠由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。标准规范遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加
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阅读
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 直接来开搞个小项目创建项目技术栈跨域扩展跨域路由Antd页面首页音乐组件首页内容注册登录一级分类和二级分类详情页制造商 有些代码很丑陋,望评论区的大佬多指点一下 创建项目1. npm install -g create-react-app
2. create-react-app my-app //新建并对react项目进行命名(注:项目名称不能有大写)
3. cd
转载
2023-09-18 13:35:23
973阅读
文章目录一、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阅读
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
转载
2023-02-07 17:29:30
198阅读
React Native
RN
React Native ## React Native 中文文档> 0.59https://reactnative.cn/docs/
转载
2016-08-18 22:35:00
263阅读
React Native尽量阅读官网文档,会有翻译错误和文档内容缺失
android开发react native组件和工具动画Animation/react native写的
开源项目学习
转载
2019-11-28 23:39:00
238阅读
2评论