Tag: Dart

Flutter vs React Native-您需要知道的。 – openGeeksLab的Dmytro Dvurechenskyi: Flutter vs React Native-您需要知道的。先进的工具不时需要现代流行的移动应用程序来实现它们。因此，专业开发商努力满足这一领域的实际市场需求。最有趣，最有用的创新成为讨论的主题。 React Native跨平台于2015年在GitHub上作为开源发布，结合了Android和iOS本机API。尽管它具有无可置疑的好处，但是我们可以肯定的是，您一定听说过另一种有趣的，不寻常的编程方法-Flutter，它是Google对标准技术的高级答复。这个新的用户界面于2017年启动，旨在在创纪录的时间内制作iOS和Android版本上的高质量本机应用程序。什么是颤振？ Flutter是Google对React Native的回应，我敢肯定您一定听说过它。在Flutter发布之后，各种移动开发社区开始进行比较讨论，其中“ React Native或Flutter”是使用JavaScript开发跨平台移动应用程序的最佳框架。但是，这很容易。 Flutter允许Google开发人员同时使用完全相同的代码同时为iOS和Android构建应用。对于Flutter来说，这听起来像是一次巨大的飞跃，但要赶上React Native仍然有很长的路要走。目前，对React Native开发心存疑虑的开发人员甚至没有认真考虑Flutter。尽管我相信Flutter可能是移动应用程序的未来。关于Flutter的5个快速总结： –这是Dart语言。说什么飞镖？ !!! 那是大多数开发人员的反应。 –推荐的带有Flutter插件的IDE是Android Studio或Intellij Idea。 – Flutter具有Dart桥，应用程序较大，但运行速度更快。与带有Javascript bridge的React Native不同。 – React Native和Flutter共享类似的范例，例如事件处理程序和类扩展。 – Flutter的动画和安装体验分别非常出色和流畅。大多数人在初次熟悉Flutter时会问的问题是“它像React Native吗？” 为了回答这个问题，我们的开发人员Viktor Gavrilov驾驶Flutter旋转了一下，这是他的发现：在添加软件包时：在Flutter中，所有内容都会自动连接。但是，在React中，某些本机模块是手动连接的。我们通过内置的“程序包管理器”连接程序包，因此不必像通常那样通过Xcode CocoaPods，React Native链接进行连接，而是通过npm将程序包连接到RN。我们添加到pubspec.yaml。该包，我们之前在https://pub.dartlang.org/flutter中找到并执行以下命令： “颤振包得到” […]

Flutterのアプリアイコンを环境ごとに分ける: 本记事では，Flutterのアプリアイコンをンを环境ごとに分ける简単な方法について绍介します。アプリアイコン以外全般については，iOSメインですが以下をご覧ください。 Flutterで环境ごとにビルド设定を切り替える— iOS编最低限度，以下くらいには分けると円滑に开発・テスト・リリースができます。 flutter_launcher_iconsを利用 Flutterには，flutter_launcher_iconsというiOS ・ Andoidアプリアイコンを生成するとても便利なツールがあります。 flutter_launcher_icons | 飞镖包 flutter_launcher_icons Dart软件包–该软件包简化了更新Flutter应用的启动器图标的任务… pub.dartlang.org fluttercommunity / flutter_launcher_icons Flutter启动器图标–一个软件包，简化了更新Flutter应用程序的启动器图标的任务。完全… github.com 基本的な使い方は以下です。 1.インストール＃pubspec.yaml dev_dependencies： flutter_launcher_icons：“ ^ 0.7.0” 2.设定を记述＃pubspec.yaml（flutter_launcher_icons-development.yamlでも良い） flutter_icons： image_path：“ assets / images / icon.png” android：true ios：是的もっと细かい指定も可能ですが，READMEを见てください 3.画像ファイルを配置上で指定したimage_pathの场所にアイコンに指定したい画像ファイルを置く。 4.コマンド実行 $ flutter包pub运行flutter_launcher_icons：main 风味ごとにアイコンを変えるそして，本题のFlavorごとにアイコンを変えるやり方です。以下のPull Requestで対応された机能ですが，まだ使い方のサンプルなど整っておらず， masterではなくflavorブランチに隔离されています。通过sestegra读取风味图标文件·提取请求＃69·fluttercommunity / flutter_launcher_icons 预期文件如下：flutter_launcher_icons.yaml或pubspec.yaml，来自默认图标flutter_launcher_icons… github.com […]

从一开始就在Flutter应用中提供有效的代码: Flutter的功能之一就是可以在创纪录的时间内创建应用程序。但是，从一开始就正确编写Dart代码并使用最佳实践（有效Dart）非常重要。有一些好的工具和软件包可帮助您快速应用最佳实践。默认IDE静态分析 Dart具有静态分析工具。静态分析使您可以在执行单行代码之前发现问题。这是一个很好的工具，用于查找可能的错误并确保代码符合样式准则。当您使用IDE开发应用程序时，Flutter工具会分析项目的Dart代码，并将您放在一个安全的地方。例如，当您定义FloatingActionButton并忘记实现onPressed ，IDE将警告要求参数onPressed 。您还可以运行flutter analyze 在您的终端中检查您的代码。该工具是dartanalyzer工具的包装。此处列出了IDE用于Flutter的所有默认皮棉规则。在上图中，您可以看到一些皮棉选项已被注释掉。但是它们可能对您的项目有用。要启用它们，您可以在项目中创建分析选项文件。分析选项文件为此，您需要将analysis_options.yaml放置在包的根目录中，与pubspec.yaml文件位于同一目录中。在这里，您可以启用/禁用linter规则，启用更严格的类型检查，排除文件进行linter检查等等。带有文档的受支持棉绒规则的完整列表始终在此处更新。您可以将所有它们复制粘贴到您的analysis_options.yaml中。或者，您可以查看带有有效飞镖指南的规则的analysis_options.yaml 。小包装如果您不想浏览analysis_options.yaml的 linter规则列表，并且希望尽快开始使用功能，则可以尝试使用pedantic软件包，这是一个很好的起点，有助于编写易读而有效的代码。飞镖代码。文档将此包表示为默认的Google规则，并在其自己的Dart代码中使用。要使用此软件包中的棉绒规则，您需要添加：您pubspec.yaml中的依赖项： dev_dependencies: pedantic: ^1.4.0 您的analysis_options.yaml中的一行代码： include: package:pedantic/analysis_options.yaml 不要忘记运行flutter packages get来更新依赖关系。现在是时候乱砍了！ PS：当您有一个异步应用程序时，预计您的所有Future都将被await ，因此，pedantic软件包的lint规则为unawaited_futures 。但是有时您会遇到没有刻意等待Future的情况。因此，书包提供了功能 void unawaited(Future future) 使规则沉默。此功能可用于忽略特定的Future。