扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
小编给大家分享一下react native所指的是什么前端框架,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
创新互联建站主营海安网站建设的网络公司,主营网站建设方案,app软件开发,海安h5成都小程序开发搭建,海安网站营销推广欢迎海安等地区企业咨询
React Native是一个开源的跨平台移动应用开发框架,支持iOS和安卓两大平台;它使用Javascript语言,JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
React Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,支持iOS和安卓两大平台。
React Native使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
React Native使你只使用JavaScript也能编写原生移动应用。 它在设计原理上和React一致,通过声明式的组件机制来搭建丰富多彩的用户界面。
import React, { Component } from 'react'; import { Text, View } from 'react-native'; class WhyReactNativeIsSoGreat extends Component { render() { return (); } } 如果你喜欢在Web上使用React,那你也肯定会喜欢React Native. 基本上就是用原生组件比如'View'和'Text' 来代替web组件'div'和'span'。
上面代码就是运用react native写的一个简单组件。
React Native着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台。
React Native应用是真正的移动应用
React Native产出的并不是“网页应用”, 或者说“HTML5应用”,又或者“混合应用”。 最终产品是一个真正的移动应用,从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React Native所使用的基础UI组件和原生应用完全一致。 你要做的就是把这些基础组件使用JavaScript和React的方式组合起来。
import React, { Component } from 'react'; import { Image, ScrollView, Text } from 'react-native'; class AwkwardScrollingImageWithText extends Component { render() { return (); } } 在iOS上,React Native的ScrollView组件封装的是原生的UIScrollView。 在Android上,封装的则是原生的ScrollView。 在iOS上,React Native的Image组件封装的是原生的UIImageView。 在Android上,封装的则是原生的ImageView。 React Native封装了这些基础的原生组件,使你在得到媲美原生应用性能的同时,还能受益于React优雅的架构设计。
看完了这篇文章,相信你对react native所指的是什么前端框架有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流