![](https://img-blog.csdnimg.cn/9be2e425675141648e2ca5c9ceb47307.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React Native
文章平均质量分 88
开发者可以使用JavaScript和React开发跨平台移动应用详解
江一铭
江一铭,字咏之,号逍遥居士。读书人,爱文学,软件工程理工男,IP浙江在职,从业五年。主攻前端方向技术研发,副攻Unity 3D、IOS客户端、Python人工智能等。2021年被评为华为云享专家,阿里云专家博主,前端领域优质创作者等。
展开
-
React Native环境及项目配置搭建
安装RN环境卡了我好久,在网上搜了很多都不全遇到很多坎儿,时至今日我终于装好了,打算写一个详细过程造福大众,也算是对自己总结更深层的记忆。注意要点:必须要有node,javaJDK和AndroidStudio。再分别看这三者的条件: (1)node必须在14以上,可以去 node官网下载,我这里用的是NVM。NVM教程搞好之后检查:cmd执行命令: 无误之后,这一步完成。(3)安装 Android Studio ,将近1G的安装包,这一步某些地方会出错需要注意。下载之后安装,C盘小的朋友主要换位转载 2022-12-06 15:53:04 · 610 阅读 · 1 评论 -
移动跨平台框架ReactNative网络请求【19】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:37:56 · 1050 阅读 · 0 评论 -
移动跨平台框架ReactNative选择器Picker【18】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:36:23 · 1865 阅读 · 0 评论 -
移动跨平台框架ReactNative滚动视图ScrollView【17】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:33:49 · 1155 阅读 · 1 评论 -
移动跨平台框架React Native状态栏组件StatusBar【16】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:32:19 · 1261 阅读 · 0 评论 -
移动跨平台ReactNative开关组件Switch【15】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:25:05 · 1312 阅读 · 0 评论 -
移动跨平台ReactNative动画组件Animated【14】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:23:33 · 3280 阅读 · 1 评论 -
移动跨平台ReactNative存储数据组件AsyncStorage【13】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:22:12 · 1293 阅读 · 0 评论 -
移动跨平台框架ReactNative弹出框Alert【12】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-20 16:20:29 · 2048 阅读 · 0 评论 -
移动跨平台框架ReactNative活动指示器组件【11】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-R原创 2022-04-14 11:02:56 · 3541 阅读 · 2 评论 -
移动跨平台框架ReactNative图片组件Image【10】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-13 09:14:35 · 4509 阅读 · 5 评论 -
移动跨平台框架ReactNative输入组件TextInput【09】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-12 09:18:35 · 1998 阅读 · 6 评论 -
移动跨平台框架ReactNative 组件属性 props【08】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-04-01 08:38:04 · 812 阅读 · 1 评论 -
移动跨平台框架ReactNative组件状态state【07】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-03-31 18:09:42 · 1594 阅读 · 0 评论 -
移动跨平台框架ReactNative文本组件Text【06】
React Native 文本组件 Text在 React Native 中如果要显示一段文本,可以使用 React Native 内置的文本组件 ``。文本组件 Text 只能用来显示文本,如果要显示网页,可以使用网页组件 WebView。虽然文本组件可能将部分文本显示为电话号码或者网址等可以点击的样子,但毕竟有限。没有 WebView 来的强大。React Native 文本组件 Text引入组件使用文本组件 Text 之前先要引入它import { Text } from 'react-原创 2022-03-31 00:33:45 · 3669 阅读 · 0 评论 -
移动跨平台框架ReactNative组件样式style【05】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-03-30 14:36:44 · 1855 阅读 · 2 评论 -
移动跨平台框架ReactNative视图View【04】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-03-30 08:56:17 · 1677 阅读 · 5 评论 -
移动跨平台框架ReactNative目录结构【03】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-03-29 16:09:33 · 2356 阅读 · 0 评论 -
移动跨平台框架RN 安装ReactNative 【02】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用。React Native系列导航01-React Native 基础教程02-安装ReactNative03-.原创 2022-03-29 15:53:50 · 1713 阅读 · 0 评论 -
移动跨平台框架React Native 基础教程【01】
前端江太公React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用React Native系列导航01-React Native 基础教程02-安装ReactNative03-R.原创 2022-03-29 15:43:56 · 3854 阅读 · 0 评论 -
移动跨平台ReactNative【入门】
React Native1.React Native之了解1.1 Native开发优势:Native的原生控件有更好的体验;Native有更好的手势识别;Native有更合适的线程模型,尽管Web Worker可以解决一部分问题,但如图像解码、文本渲染仍无法多线程渲染,这影响了Web的流畅性。1.2 React Native优势:1.既拥有Native的用户体验、又保留React的开发效率(RN通过JavaScript Core解析JavaScript模块,转换成原生Native组件渲染)2原创 2022-03-20 01:28:10 · 982 阅读 · 0 评论