Flutter饼状图
前言接上文，本文讲解如何使用 Flutter 绘制饼状图，最终效果如图在线查看定义 PieChart & PiePart第一步定义 PieChart 和 PiePart 类。PieChart 是整个饼状图控件，有 datas 和 legends 两个属性，表示饼图的数据和每部分的标识。PiePart 表示饼图的一部分，有 color, startAngle, sweepAngle 三个属性，分别表示颜色，...
2020-06-10
在Flutter中使用JS库
我正在尝试在Flutter应用程序中使用EtherJS。我知道它没有被直接支持，甚至现有的实现也没有得到很好的记录。我可以在Android和iOS的Flutter应用程序中使用此库吗？也欢迎任何其他替代建议。我已经尝试过js.dart，但无法弄清楚如何使用它。我什至不确定这是否是正确的选择。我也尝试过FlutterWebView插...
2022-05-19Flutter质感设计之进度条
LinearProgressIndicator控件是质感设计中的线性进度指示器，具体内容如下import 'package:flutter/material.dart';class ActionViewEcology extends StatelessWidget { /* * 构建函数，传递参数 * 最大能量值 * 最大饥饿值 * 最大情绪值 * 当前能量值 * 当前饥饿值 * 当前情绪值 */ ActionViewEcology({ this.maximumEmergy, this....
2022-02-15
在原生项目中集成Flutter
概述使用Flutter从零开始开发App是一件轻松惬意的事情，但对于一些成熟的产品来说，完全摒弃原有App的历史沉淀，全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈，把它作为已有原生App的扩展能力，通过有序推进来提升移动终端的开发效率。目前，想要在已有的原生App里嵌入一些Flutt...
2020-09-04在Flutter中本地化小部件
我目前正在测试驾驶，并且已经按照教程构建了本地化的“Hello world” 。但是，当我尝试将窗口小部件移至其他文件时，出现红屏死机并显示以下错误：The following NoSuchMethodError was thrown building ToDoItem(dirty):The method 'helloWorld' was called on null.Receiver: nullTried calling: helloWorld()我的待办事项类看起来像这样...
2022-10-08Flutter页面传值的几种方式
今天来聊聊Flutter页面传值的几种方式：InheritWidgetNotificationEventbus（当前Flutter版本：2.0.4）InheritWidget如果看过Provider的源码的同学都知道，Provider跨组件传值的原理就是根据系统提供的InheritWidget实现的，让我们来看一下这个组件。InheritWidget是一个抽象类，我们写一个保存用户信息的类UserInfoInheri...
2022-02-09如何混淆Flutter应用程序？
Flutter的Wiki提到混淆是发布模式的一种选择。但是， 命令没有相关选项-请参阅：flutter help -v build apk我在这里想念什么吗？他们是否将混淆设置为默认设置？混淆甚至与颤动有关吗？任何对此的指针将不胜感激。回答：需要进行混淆-扑扑的应用程序知道其功能名称，可以使用Dart的StackTrace类显示...
2022-05-20
Flutter实现微信朋友圈功能
本文实例为大家分享了Flutter实现微信朋友圈功能的具体代码，供大家参考，具体内容如下今天给大家实现一下微信朋友圈的效果，下面是效果图下面还是老样子，还是以代码的方式进行讲解import 'package:dio/dio.dart';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:nursery_school_...
2022-02-08
Flutter实现App功能引导页
App功能介绍页，主要是由介绍app功能的几张图片和当前页指示符组成，如下效果我们来一步一步实现上面的界面,左右滑动切换显示功能页,这个可以通过PageView来实现,底部的指示符半透明覆盖在PageView上,开发过Android同学知道可以用Framelayout布局来实现，Flutter上也有类似的控件Stack，我们先完成骨架代...
2022-02-13Flutter进阶质感设计之标签栏
在质感设计的控件中，有一个显示水平的一行选项卡，通常作为AppBar控件的一部分创建，并与TabBarView控件结合使用。import 'package:flutter/material.dart';/* * 枚举类，标签演示样式 * 图标和文本 * 仅图标 * 仅文本 */enum TabsDemoStyle { iconsAndText, iconsOnly, textOnly}/* * 页面类 * 图标 * 文本 */class _Page { _...
2022-02-15Flutter-从资产读取文本文件
我有一个文本文件（.txt），我想成为以后可以扫描的资产。在pubspec.yaml中，我确保：flutter: assets: - res/my_file.txt存在。该文件位于res/我制作的文件夹中，与lib/android/和ios/我正在尝试从自定义类而非小部件读取文件。根据文档，我将使用此导入：import 'package:flutter/services.dart' show rootBundle;然后...
2022-06-01Flutter中的MVVM设计模式
我们尝试开发一个Flutter应用程序，并创建一个有状态的小部件作为页面。我们想要将构建函数与其他状态变量和状态函数分离在2个不同的文件中，构建函数可以访问this状态类，我们创建一个类：PageClassState extend State<PageClass>{ string value = 'string value';}并将其扩展到可以访问PageClassState this我们编写...
2022-05-25Flutter路由传递参数及解析实现
上一篇Flutter页面路由及404路由拦截实现介绍了使用路由来实现页面的跳转，从而简化页面之间的耦合，并可以实现路由拦截。在实际开发中，我们经常会需要在页面跳转的时候携带路由参数，典型的例子就是从列表到详情页的时候，需要携带详情的 id，以便详情页获取对应的数据。同时，有些时候还...
2022-02-07
Flutter里面错误捕获的正确方法
背景我们知道，在软件开发过程中，错误和异常总是在所难免。不管是客户端的逻辑错误导致的，还是服务器的数据问题导致的，只要出现了异常，我们都需要一个机制来通知我们去处理。在 APP 的开发过程中，我们通过一些第三方的平台，比如 Fabric、Bugly 等可以实现异常的日志上报。Flutter 也有...
2022-02-13Flutter实现网络请求的方法示例
Flutter网络请求使用的是Dio。Dio是一个强大易用的dart http请求库，支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载.......Flutter json数据解析是使用了json_serializable package包。它是一个自动化源代码生成器，可以为我们生成JSON序列化模板。由于序列化代码不再由我们手写和维护，我们...
2022-02-14在Flutter中创建自定义时钟小部件
我的目标是创建与此类似的时钟。如何使用Flutter 实现它？回答：我会推荐Layouts ，Interactivity 和Animation教程。代码实验室也是学习Flutter的一种好方法。import 'dart:math' as math;import 'package:meta/meta.dart';import 'package:flutter/material.dart';void main() { runApp(new MaterialApp( theme: new ThemeDat...
2022-05-18Flutter进阶之实现动画效果（三）
在上一篇文章：Flutter进阶—实现动画效果（二）的最后，我们实现了一个控件，其中包含各种布局和状态处理控件。以及使用自定义的动画感知绘图代码绘制单个Bar的控件。还有一个浮动按钮控件，用于启动条形图高度的动画变化。现在开始向我们的单个条形添加颜色，在Bar类的height字段下添加一个c...
2022-02-16Flutter-从坐标获取地理编码地址
我已经实现了一种可靠的方式来获取用户正在创建的应用中的经度和纬度坐标，但是似乎无法将这些坐标转换为地标。我还想弄清楚我需要使用什么来打印这些数据。这就是我要获取的数据：List<Placemark> place = [];void _getPlace() async { List<Placemark> newPlace = await _geolocator.placemarkFromCoordinates(_position.latitude,...
2022-05-21替换Flutter中的碎片之类的小部件
我是Flutter的新手。我有一个带有2个子窗口小部件的应用程序（Android中为2个片段），当我单击WidgetA中的next按钮时，我想将该窗口小部件替换（或推入）WidgetChildA中，就像Android中的push（或替换）片断一样。但是相反，我得到了一个全屏小部件，就像Flutter中的普通屏幕一样。import 'package:flutter/material.d...
2022-10-04如何在Flutter中更改状态栏颜色？
我正在尝试将状态栏颜色更改为白色。我发现这家酒吧扑朔迷离。我试图在我的dart文件中使用示例代码。回答：在我的应用程序中完全正常import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';void main() => runApp(new MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { ...
2022-05-24如何使用Flutter保存到本地存储？
在Android中，如果我拥有要在会话之间保留的信息，我知道我可以使用SharedPreferences或创建SQLite数据库，甚至将文件写入设备并在以后读取。是否可以仅使用Flutter来保存和还原此类数据？还是我需要像服务示例中那样为Android和iOS编写设备特定的代码？回答：有几种选择：读写文件：https：//flutter.io/rea...
2022-05-16如何在Flutter中为小部件添加边框？
我正在使用Flutter，我想向小部件（在本例中为Text小部件）添加边框。我尝试了TextStyle和Text，但是没有看到如何添加边框。回答：您可以将的TextFieldas 添加child到Container具有BoxDecorationwith border属性的：new Container( margin: const EdgeInsets.all(15.0), padding: const EdgeInsets.all(3.0), decoration: BoxDecoration( ...
2022-06-03【flutter】Flutter函数注解
问题描述class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return new MaterialApp(title: 'Flutter',theme: ThemeData(primaryColor: Colors.white),home: new SubScriptList());}}如上述中的@override注解的作用是干什么，不添加好像也没啥影响回答1098/5000注释@override...
2020-12-21
