React Native - 入门教程

React Native是一个脸书研发的开放源码的应用程序架构。React Native基于React.js，目的是让开发者可以利用JavaScript和React.js的宣告式编程模式开发出在多平台上运作的程式。[5]React Native也可以使用React.js相容的Node.js套件，比如Redux。

React Native开发的程式大多用于iOS和Android手机平台，React Native的程式可以透过开源软件社群支援的套件在通用Windows平台、微信小程序等平台上使用。

截止2020年6月30日，React Native在Github上有2192个贡献者和8.8万的加星数量。 React Native 的使用者包括脸书、腾讯、微软、优步、特斯拉、彭博。爱彼迎在2018年6月前曾经使用React Native。

React Native可让您仅使用JavaScript构建移动应用程序，它使用与React相同的设计，使您可以从声明性组件组成丰富的移动UI，使用React Native，您无需构建移动Web应用程序，HTML5应用程序或混合应用程序，您将构建一个真正的移动应用程序，该应用程序与使用Objective-C或 Java  构建的应用程序没有区别。 React Native使用与常规iOS和Android应用程序相同的基本UI构建块，您只需使用JavaScript和React将这些构建块放在一起。

React-Native功能

以下是React Native的功能-

链接：https://www.learnfk.comhttps://www.learnfk.com/react-native/react-native-overview.html

来源：LearnFk无涯教程网

• React          - 这是一个使用JavaScript构建Web和移动应用程序的框架。

• Native        - 您可以使用由JavaScript控制的本地组件。 

• Platforms  - React Native支持IOS和Android平台。

React Native优势

以下是React Native的优点-

• JavaScript      - 您可以使用现有的JavaScript知识来构建本地移动应用。

• Code sharing -  您可以在不同平台上共享大部分代码。

• Community   - React和React Native周围的社区很大，您将能够找到所需的答案。

应对原生限制

以下是React Native的局限性-

• Native Components - 如果要调用原生功能，则需要编写一些平台特定的代码。

React Native目录

• 基础教程

• React Native - 简介
• React Native - 环境设置
• React Native - 应用程序
• React Native - HTTP
• React Native - 动画
• React Native - 图片
• React Native - 调试
• React Native - 路由
• React Native - AsyncStorage
• React Native - AsyncStorage方法
• React Native - 运行IOS
• React Native - 运行Android

• 组件教程

• React Native - View
• React Native - State
• React Native - ProgressBar动画
• React Native - ProgressBarAndroid
• React Native - WebView
• React Native - Switch
• React Native - StatusBar
• React Native - Picker
• React Native - ActivityInicator
• React Native - TextInput
• React Native - Touchables
• React Native - SectionList
• React Native - FlatList
• React Native - ListView
• React Native - ScrollView
• React Native - Flex定位
• React Native - Layout&Flexbox
• React Native - Button
• React Native - Height&Width
• React Native - Style
• React Native - Props
• React Native - 模型(Modal)
• React Native - 提示框(Alert)
• React Native - 地理位置

• 导航教程

• React Native - 导航
• React Native - 标题栏属性
• React Native - 导航跳转
• React Native - 导航传值
• React Native - 底部导航
• React Native - 底部导航图标
• React Native - Material导航
• React Native - 顶部导航
• React Native - 抽屉导航