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

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”,
),
),
width: 320.0,
height: 240.0,
color: Colors.grey[300],
);

16.Flutter 的优点和缺点

我们来更仔细低看看它的优缺点。

使用 Flutter 的五个优点

• 写代码更快

Flutter 意味着更快、更动态的移动应用开发。代码中的改变可以立即在应用程序中看到，这就是所谓的热加载，只需花几毫秒，能帮助开发者更快地添加功能、修复 Bug 和试验各种新东西。

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

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

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

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

总结

学习技术是一条慢长而艰苦的道路，不能靠一时激情，也不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。所以：贵在坚持！

最后如何才能让我们在面试中对答如流呢？

答案当然是平时在工作或者学习中多提升自身实力的啦，那如何才能正确的学习，有方向的学习呢？有没有免费资料可以借鉴？为此我整理了一份Android学习资料路线：

这里是一部分我工作以来以及参与过的大大小小的面试收集总结出来的一套BAT大厂面试资料专题包，在这里免费分享给大家，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家。需要的小伙伴们可以点击我的GitHub获取免费领取方式

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以去我的主页加一下技术群。来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

最后，祝愿即将跳槽和已经开始求职的大家都能找到一份好的工作！

面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以去我的主页加一下技术群。来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

最后，祝愿即将跳槽和已经开始求职的大家都能找到一份好的工作！

这些只是整理出来的部分面试题，后续会持续更新，希望通过这些高级面试题能够降低面试Android岗位的门槛，让更多的Android工程师理解Android系统，掌握Android系统。喜欢的话麻烦点击一个喜欢再关注一下~