Flutter-vs-React-Native，谁才是跨平台应用开发的最佳利器？

• 组件——能帮你在大型项目中维护代码。React 的核心就是组件。
• 单向数据流和 Flux——React 利用 Flux 实现了单向数据流，这是一种应用程序架构，能保证数据流是单向的。

4.Flutter 和 React Native 的比较

5.Flutter 架构

6.React Native 架构

7.React Native 的社区支持

React Native 由 Facebook 于 2013 年开发。最常见的问题的解决方案都列在了 React Native 的开发文档和指南中。社区论坛中还有许多开发者，对用户每天遇到的问题做出了关键的贡献，并辅助用户解决这些问题。

通过阅读贡献者手册，查阅 Roadmap，分析其他人的工作，你也可以为社区做出贡献。你也可以寻找在社区中被询问次数最多的、最流行的功能。

8.Flutter 的社区支持

Flutter 文档足够让你开始进行应用程序开发了。

Flutter Gallery 在其网站上演时了所有 Flutter 组件，你也可以参照 Flutter 的 GitHub 中的实现。

Flutter 的网络不像 React Native 那么强大。但是，Google 的 Flutter 团队提供的帮助非常好。

他们提供了许多方法让你提交问题。

9.技术栈

React Native 是个 JavaScript 库，而 Flutter 是个 SDK，使用的是完全不同的编程语言 Dart。

10.JavaScript

JavaScript 最初的创建目的只是 Web 开发，但现在已经有了大量的其他函数库，已经变得非常庞大，很少有地方没有它的身影。

React Native 将动态的 JavaScript 代码在运行时编译成原生视图。其余的代码运行在应用程序内部封装的虚拟机内。

11.Dart

Dart 是个通用语言，由 Google 开发。它可以用来构建网站、服务器、移动应用，也能用于物联网设备。

Dart 受到了许多语言的影响。最强的影响来自 Java。Java 程序员可以很容易注意到两者之间的相似性。

Dart 是个面向对象的编程语言，支持抽象、封装、继承、多态等。

Dart 程序可以在以下两种模式下运行：

• 检查模式

这种模式会启用动态类型和断言。如果代码中提供了静态类型，就可以打开类型断言。在开发和测试阶段建议使用检查模式，有助于捕捉代码中类型不匹配的错误。

• 生产模式

这是所有 Dart 程序的默认模式。它能让程序运行得更快。

尽管 Dart 提供了很多社区支持，但它仍然比不过 JavaScript 等其他主流语言，因此连知道 Dart 的人都很少。

Flutter 的框架使用函数式反应式编程，它受到了 React 的启发。

虽然 Flutter 是用 Dart 写的，但它借鉴了 React 最好的功能，帮助开发者建立漂亮、跨平台的移动应用。

12.React Native 的用户界面

使用 React Native 的体验很像使用不带 CSS 框架的 HTML。

与 Flutter 应用不同，使用 React Native 时，必须使用一些第三方库，因为 React Native 本身不提供UI组件

我们需要使用如 React Native、React Native Material Design、Shoutem 和其他 UI 库。

13.Flutter 的用户界面

Flutter 有自己的 UI 组件，其引擎能将组件渲染到 Android 和 iOS 平台上。大多数组件都符合 Material Design 的标准。

Flutter 内置的组件可以用来开发应用程序的界面。这些组件叫做窗体（widget）。这里我们只需选择正确的窗体并传递正确的属性，就能获得需要的界面。

Flutter 中的每个窗体都由自己的属性，可以嵌套在其他组件中。窗体也能调用父组件的属性。

在 React Native 中，使用原生模块和用户界面组件只需桥接就可以。但在 Flutter 中无法这样做，因为 Flutter 有自己的渲染引擎。

这里是 Flutter 窗体（https://flutter.io/widgets/）的一些例子。

14.React Native 中的样式

React Native 中的样式用 JavaScript 定义。所有 React Native 的核心组件都支持一个名为 style 的属性。

样式名称和值和 Web 上的 CSS 很相似。

唯一的区别就是，在 React Native 中的样式名称是用大小写混合的。所以要定义背景色，需要使用 backgroundColor，而不是 background-color。

15.Flutter 中的样式

Flutter 中的样式用法跟 React Native 不太一样。下面这段 React Native 代码定义了字体样式和其他文本属性，都由 CSS 处理。

import React, { Component } from ‘react’;
import { AppRegistry, StyleSheet, Text, View } from ‘react-native’;
export default class LotsOfStyles extends Component {
render() {
return (

Lorem Ipsum

);
}
}
const styles = StyleSheet.create({
greybox: {
backgroundColor: #e0e0e0,
width: 320px;
height: 240px;
font: 900 24px Georgia;
}
})
// skip this line if using Create React Native App
AppRegistry.registerComponent(‘AwesomeProject’, () => LotsOfStyles);

如果用 Flutter 实现同一段代码，将会是这样：

var container = new Container( // grey box
child: new Text(
“Lorem ipsum”,
style: new TextStyle(
fontSize: 24.0
fontWeight: FontWeight.w900,
fontFamily: “Georgia”,

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

关于面试的充分准备

一些基础知识和理论肯定是要背的，要理解的背，用自己的语言总结一下背下来。

虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，我能明显感觉到国庆后多了很多高级职位，所以努力让自己成为高级工程师才是最重要的。

好了，希望对大家有所帮助。

接下来是整理的一些Android学习资料，有兴趣的朋友们可以关注下我免费领取方式。

①Android开发核心知识点笔记

②对标“阿里 P7” 40W+年薪企业资深架构师成长学习路线图

③面试精品集锦汇总

④全套体系化高级架构视频

**Android精讲视频领取学习后更加是如虎添翼！**进军BATJ大厂等（备战）！现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水，赶快领取吧！

获取方式：【Android架构视频+BAT面试专题PDF+学习笔记】

正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水，赶快领取吧！

[外链图片转存中…(img-Cvq3qFN3-1711394083881)]

获取方式：【Android架构视频+BAT面试专题PDF+学习笔记】