回答有关 Flutter App 开发的问题

简介:

这篇文章旨在解释一些问题,而不是对每个方面的详细表述。为简洁起见,我可能没有涉及到一些例外情况。请注意,Flutter 本身也有一个针对各种背景下的常问问题页面 flutter.io,在这里我将更多地关注我经常看到的问题。虽然其中一些也包含在 Flutter 常见问题解答中,但是我还是尝试着去给出我的观点。

布局文件在哪里?/ 为什么 Flutter 没有布局文件?

在 Android 框架中,我们将 Activity 分为布局和代码。因此,我们需要引用视图以在 Java 中使用它们。(当然 Kotlin 可以避免这种情况。)布局文件本身用 XML 编写,包含 Views 和 ViewGroups。

Flutter 使用一种全新的方法,而不是视图,使用 Widget。在 Android 中,View 就是布局的一个组件,但在 Flutter 中,Widget 几乎就是一切。从按钮到布局结构,所有的这些都是一个 Widget。他在这里的优势是可定制性。想象一下 Android 中的一个按钮。它具有文本等属性,可让你向按钮添加文本。但 Flutter 中的按钮不会将标题作为字符串,而是另一个 widget。这意味着,在按钮内部,您可以拥有文本,图像,图标以及您可以想象的任何内容,并且不会破坏布局约束。这也让你可以很容易地制作自定义 Widget,而在 Android 中制作自定义 view 是一件相当困难的事情。

拖放不比在代码中进行布局更容易吗?

在某些方面,这是事实。但 Flutter 社区中的很多人都更喜欢代码方式,但这并不意味着拖放无法实现。如果你完全喜欢拖放,那么 Flutter Studio 是我推荐的一个很棒的资源,它可以通过拖放帮助你生成布局。这是一个让我印象深刻的工具,很想知道它将来会如何发展。

链接: flutterstudio.app

Flutter 是否像浏览器一样工作?/ 它与基于 WebView 的应用程序有何不同?

简单地回答这个问题:为 WebView 编写的代码或类似运行的应用程序必须经过多个层才能最终执行。从本质上讲,Flutter 通过编译到原生 ARM 代码来实现这两个平台上的执行。“混合”应用程序缓慢,缓慢,与它们运行的平台看起来不同。Flutter 应用程序的运行速度远远超过混合应用程序。此外,使用插件访问本机组件和传感器要比使用无法充分利用其平台的 WebView 更容易。

为什么 Flutter 项目中有 Android 和 iOS 文件夹?

Flutter项目中有三个主要文件夹:lib、android 和 ios 。'lib' 负责处理你的 Dart 文件。Android 和 iOS 文件夹用于在各自的平台上实际构建应用程序,并在其上运行 Dart 文件。它们还可以帮助您为项目添加权限和特定于平台的功能。当您运行 Flutter 项目时,它会根据运行的模拟器或设备进行构建,使用其中的文件夹执行 Gradle 或 XCode 构建。简而言之,这些文件夹为 Flutter 代码的运行成为一个完整的 APP 奠定了基础。

为什么我的 Flutter 这么大?

如果你运行 Flutter 应用程序,你知道它很快。非常。它是如何做到的?在构建应用程序时,它实际上用到了所有资源文件,而不是仅使用特定的资源文件。为什么这有帮助?因为如果我将图标从一个更改为另一个,则不必完全重建应用程序。这就是 Flutter 调试版本如此之大的原因。创建发布版本时,只会获取所需的资源文件,并且我们会获得更多习惯的大小。Flutter 应用程序仍然比 Android 应用程序略大,但它相当小,加上 Flutter 团队一直在寻找减少应用程序大小的方法。

如果我是编程新手并且我想从移动开发开始,我应该从 Flutter 开始吗?

这有两部分答案。

  1. 对于相同的页面,Flutter 非常适合编码并且代码比 Android 或 iOS 应用程序少得多。因此对于大多数应用程序,我认为不会出现重大问题。
  2. 您需要记住的一件事是 Flutter 还依赖于 Android 和 iOS 项目,你至少需要熟悉那些项目结构。如果您想编写任何原生代码,你肯定需要在任一平台或两个平台上都有经验。

我的个人意见是学习 Android / iOS 一两个月,然后再开始学习 Flutter。

Packages 和 plugins 是什么?

Packages 允许您将新的工具或功能导入你的应用程序。Packages 和 plugins 之间有一点区别。Packages 通常是新的组件或纯粹在 Dart 中编写的代码,而 plugins 允许更多功能在设备上使用原生代码。通常在 DartPub 上,Packages 和 plugins 都被称为包,并且只有在创建新包时才明确提到区别。

什么是 pubspec.yaml 文件,它有什么作用?

Pubspec.yaml 允许你定义应用依赖的包,声明你的资源文件,如图片,音频,视频等。它还允许你为你的应用设置约束。对于 Android 开发人员来说,这大致类似于 build.gradle 文件,但两者之间的差异也很明显。

为什么第一个 Flutter 应用程序构建需要这么长时间?

首次构建 Flutter 应用程序时,会构建特定于设备的 APK 或 IPA文件。因为要用到 Gradle 和 XCode 用于构建文件,需要时间。下次重新启动或热重新加载应用程序时,Flutter 实际上会在现有应用程序之上修补更改,从而实现快速刷新。

注意:热重载或重启所做的更改不会设备 APK 或 IPA 文件中保存。要确保你的应用在设备上完成所有更改,请考虑停止并重新运行该应用。

State 是什么意思?什么是 setState()?

简单来说,“State” 是 widget 变量值的集合。 任何像计数器,文本等一样可以改变的东西都可以成为 State 的一部分。想象一个柜台应用程序,主要的动态是计数器计数。计数更改时,需要刷新屏幕以显示新值。 setState() 本质上是一种告诉应用程序使用新值刷新和重建屏幕的方法。

什么是有状态和无状态小部件?

太长了,简单的说:允许你刷新屏幕的 Widget是一个有状态小部件。反之则是无状态的。

详细地说,具有可以更改的内容的动态窗口小部件应该是有状态的 Widget。无状态 Widget 只能在参数更改时更改内容,因此需要在窗口小部件层次结构中的位置点之上完成。包含静态内容的屏幕或窗口小部件应该是无状态窗口小部件,但要更改内容,需要是有状态的。

如何处理 Flutter 代码中的缩进和结构?

Android Studio 提供了一些工具,可以更轻松地构建 Flutter 代码。两个主要的方法是:

  1. Alt + Enter/ Command + Enter:这使你可以轻松地在复杂的层次结构中包装和删除窗口小部件以及交换窗口小部件。要使用此功能,只需将光标指向小部件声明,然后按键即可为您提供一些选项。这种智能的感觉有时像天赐之物。
  2. DartFMT:dartfmt 格式化您的代码以保持干净的层次结构和缩进。在你不小心移动几个括号后,它使您的代码更漂亮。

为什么我们将函数传递给小部件?

我们将一个函数传递给一个小部件,主要是说“当事情发生时调用这个函数”。函数是 Dart 中的第一类对象,可以作为参数传递给其他函数。使用 Android(

Java 回调:

button.setOnClickListener(new View.OnClickListener() {
    @override
    public void onClick(View view) {
      // Do something here
    }
  }
);

(请注意,这只是用于设置侦听器的代码。定义按钮需要单独的 XML 代码。)

Dart equivalent:

FlatButton(
  onPressed: () {
    // Do something here
  }
)

(Dart同时进行声明以及设置回调。)

这变得更加整洁,并帮助我们避免不必要的复杂化。

什么是 ScopedModel / BLoC 模式?

ScopedModel 和 BLoC(业务逻辑组件)是常见的 Flutter 应用程序架构模式,可帮助将业务逻辑与 UI 代码分离,并使用更少的有状态 widget。更好的资源来学习这些,我不认为有理由在几行中解释它们。

我希望这篇文章能够消除一些疑问,并且我将尽力更新我遇到的常见问题。如果你喜欢这篇文章,记得点击关注!后续持续有文章更新发布喔

作者:雇个城管打天下
链接:https://juejin.im/post/5be98784518825170200254e
来源:掘金

相关文章
|
12天前
|
缓存 监控 前端开发
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
【4月更文挑战第30天】本文探讨了Flutter应用启动优化策略,包括理解启动过程、资源加载优化、减少初始化工作、界面布局简化、异步初始化、预加载关键数据、性能监控分析以及案例和未来优化方向。通过这些方法,可以缩短启动时间,提升用户体验。使用Flutter DevTools等工具可助于识别和解决性能瓶颈,实现持续优化。
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
|
12天前
|
开发框架 Dart 前端开发
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
【4月更文挑战第30天】对比 Flutter(Dart,强类型,Google支持,快速热重载,高性能渲染)与 React Native(JavaScript,庞大生态,热重载,依赖原生渲染),文章讨论了开发语言、生态系统、性能、开发体验、学习曲线、社区支持及项目选择因素。两者各有优势,选择取决于项目需求、团队技能和长期维护考虑。参考文献包括官方文档和性能比较文章。
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
|
12天前
|
前端开发 Android开发 iOS开发
【Flutter前端技术开发专栏】Flutter在Android与iOS上的性能对比
【4月更文挑战第30天】Flutter 框架实现跨平台移动应用,通过一致的 UI 渲染(Skia 引擎)、热重载功能和响应式框架提高开发效率和用户体验。然而,Android 和 iOS 的系统差异、渲染机制及编译过程影响性能。性能对比显示,iOS 可能因硬件优化提供更流畅体验,而 Android 更具灵活性和广泛硬件支持。开发者可采用代码、资源优化和特定平台优化策略,利用性能分析工具提升应用性能。
【Flutter前端技术开发专栏】Flutter在Android与iOS上的性能对比
|
3天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
|
12天前
|
Dart 前端开发 测试技术
【Flutter前端技术开发专栏】Flutter开发中的代码质量与重构实践
【4月更文挑战第30天】随着Flutter在跨平台开发的普及,保证代码质量成为开发者关注的重点。优质代码能确保应用性能与稳定性,提高开发效率。关键策略包括遵循最佳实践,编写可读性强的代码,实施代码审查和自动化测试。重构实践在项目扩展时尤为重要,适时重构能优化结构,降低维护成本。开发者应重视代码质量和重构,以促进项目成功。
【Flutter前端技术开发专栏】Flutter开发中的代码质量与重构实践
|
12天前
|
存储 缓存 监控
【Flutter前端技术开发专栏】Flutter中的列表滚动性能优化
【4月更文挑战第30天】本文探讨了Flutter中优化列表滚动性能的策略。建议使用`ListView.builder`以节省内存,避免一次性渲染所有列表项。为防止列表项重建,可使用`UniqueKey`或`ObjectKey`。缓存已渲染项、减少不必要的重绘和异步加载大数据集也是关键。此外,选择轻量级组件,如`StatelessWidget`,并利用Flutter DevTools监控性能以识别和解决瓶颈。持续测试和调整以提升用户体验。
【Flutter前端技术开发专栏】Flutter中的列表滚动性能优化
|
12天前
|
Dart 前端开发 安全
【Flutter前端技术开发专栏】Flutter中的线程与并发编程实践
【4月更文挑战第30天】本文探讨了Flutter中线程管理和并发编程的关键性,强调其对应用性能和用户体验的影响。Dart语言提供了`async`、`await`、`Stream`和`Future`等原生异步支持。Flutter采用事件驱动的单线程模型,通过`Isolate`实现线程隔离。实践中,可利用`async/await`、`StreamBuilder`和`Isolate`处理异步任务,同时注意线程安全和性能调优。参考文献包括Dart异步编程、Flutter线程模型和DevTools文档。
【Flutter前端技术开发专栏】Flutter中的线程与并发编程实践
|
12天前
|
Dart 前端开发 开发者
【Flutter前端技术开发专栏】Flutter中的性能分析工具Profiler
【4月更文挑战第30天】Flutter Profiler是用于性能优化的关键工具,提供CPU、GPU、内存和网络分析。它帮助开发者识别性能瓶颈,如CPU过度使用、渲染延迟、内存泄漏和网络效率低。通过实时监控和分析,开发者能优化代码、减少内存占用、改善渲染速度和网络请求,从而提升应用性能和用户体验。定期使用并结合实际场景与其它工具进行综合分析,是实现最佳实践的关键。
【Flutter前端技术开发专栏】Flutter中的性能分析工具Profiler
|
12天前
|
前端开发 数据处理 Android开发
【Flutter 前端技术开发专栏】Flutter 中的调试技巧与工具使用
【4月更文挑战第30天】本文探讨了Flutter开发中的调试技巧和工具,强调其在及时发现问题和提高效率上的重要性。介绍了基本的调试方法如打印日志和断点调试,以及Android Studio/VS Code的调试器和Flutter Inspector的使用。文章还涉及调试常见问题的解决、性能和内存分析等高级技巧,并通过实际案例演示调试过程。在团队协作中,有效调试能提升整体开发效率,而随着技术发展,调试工具也将持续进化。
【Flutter 前端技术开发专栏】Flutter 中的调试技巧与工具使用
|
12天前
|
Dart 前端开发 Java
【Flutter前端技术开发专栏】Flutter中的内存泄漏检测与解决
【4月更文挑战第30天】本文探讨了Flutter应用中的内存泄漏检测与解决方法。内存泄漏影响性能和用户体验,常见原因包括全局变量、不恰当的闭包使用等。开发者可借助`observatory`工具或`dart_inspector`插件监测内存使用。解决内存泄漏的策略包括避免长期持有的全局变量、正确管理闭包、及时清理资源、妥善处理Stream和RxDart订阅、正确 disposal 动画和控制器,以及管理原生插件资源。通过这些方法,开发者能有效防止内存泄漏,优化应用性能。
【Flutter前端技术开发专栏】Flutter中的内存泄漏检测与解决