Flutter实践大全
文章平均质量分 57
Flutter 翩翩起舞,希望学习以后,前端编码技术提升一大截,期间需要学习dart的基本语法;不断收集Flutter的例子实践。再学习和提高;欢迎广大网友提出意见和建议;来丰富起内容
KENYCHEN奉孝
这个作者很懒,什么都没留下…
展开
-
Flutter_Admin例子学习
Flutter是谷歌的移动UI框架,进行flutter_admin和flutter_admin_end后台原创 2022-12-28 12:23:10 · 787 阅读 · 1 评论 -
Flutter 3的使用记录
1.进行基本的create myappCreating project kenyapp...Got TLS error trying to find package flutter_lints at https://dart-pub.mirrors.sjtug.sjtu.edu.cn.提示这个。重新进行exportexport FLUTTER_STORAGE_BASE_URL="https://mirrors.tuna.tsinghua.edu.cn/flutter"export PU原创 2022-05-19 09:53:26 · 1888 阅读 · 0 评论 -
Flutter 3 新特点
flutter 3的新特性包括:1、Flutter 3 增加了对 macOS 和 Linux 应用程序的稳定支持flutter devices2 connected devices:macOS (desktop) • macos • darwin-x64 • Mac OS X 10.14.6 18G9323 darwin-x64Chrome (web) • chrome • web-javascript • Google Chrome 101.0.4951.64...原创 2022-05-16 11:32:57 · 623 阅读 · 0 评论 -
flutter 3.0 devices 新特点
1. 新版的支持了macos的devices的驱动flutter devices2 connected devices:macOS (desktop) • macos • darwin-x64 • Mac OS X 10.14.6 18G9323 darwin-x64Chrome (web) • chrome • web-javascript • Google Chrome 101.0.4951.64原创 2022-05-15 18:20:14 · 322 阅读 · 0 评论 -
画廊 Flutter 代码实验
画廊下载代码,GitHub - flutter/gallery: Flutter Gallery is a resource to help developers evaluate and use Flutterhttps://github.com/flutter/gallery.git查看是否可以支持Web命令flutter devices 查看可以支持web chrome方式flutter devices1 connected device:Chrome (web) • chro原创 2022-04-29 12:38:13 · 1487 阅读 · 0 评论 -
俄罗斯方块 flutter版本
1.想起小的时候,还发钱去玩这个游戏,你说是不是很傻很傻。2.现在这个游戏没有几个人爱玩的。3.实现的方式 flutter +dart 运行在网页上。看了代码应该是可以安装到手机上的。还是绿色的好看主函数:import 'package:flutter/foundation.dart';import 'package:flutter/material.dart';import 'package:flutter_localizations/flutter_locali...原创 2022-04-25 20:26:51 · 2720 阅读 · 0 评论 -
Flutter on the Web
Flutter on the WebWeb 本身是一个灵活的平台,但 Flutter 非常适合构建 PWA 或 SPA 等 Web 应用程序并将您现有的移动应用程序带到 Web 上。使用 Flutter 构建 Web 应用程序开始使用 使用 Flutter 构建 Web 应用程序本页介绍了开始使用 Web 支持的以下步骤:flutter为 Web 支持配置工具。 使用 Web 支持创建一个新项目。 使用 Web 支持运行一个新项目。 构建具有 Web 支持的应用程序。 为现有项目原创 2022-04-14 20:11:19 · 1638 阅读 · 0 评论 -
HTTP Host Availability ✗ HTTP host https://maven.google.com/ is not reachable
Doctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, 2.10.4, on Mac OS X 10.14.6 18G9323 darwin-x64, locale zh-Hans-CN)[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)[!] Xcode - devel..原创 2022-04-14 11:20:01 · 6145 阅读 · 0 评论 -
Flutter 2.5 新版
欢迎使用 Flutter 2.5,这是一个经历了重大更新的版本。在 Flutter 的版本历史中,此版本涉及的统计数据高居第二:解决了 4,600 个问题,合并了由 252 个贡献者创建、216 个审核员评估的 3,932 个 PR。在过去一年里,有 1,337 个贡献者创建了多达 21,072 个 PR,其中 15,172 个 PR 被合并。尽管我们之前的文章《无限可能 | Flutter 2 重点更新一览》对新功能进行了重点介绍,但提高您所需功能的质量仍然是我们的第一要务。如您所见,此版本一如.原创 2021-10-15 10:01:56 · 398 阅读 · 0 评论 -
Dart And Flutter 集合
dart version upgrade Dart 实战1 dart 实战2 dart 算法 dart 列表 dart string学习 dart 函数调用 dart 函数调用2 dart 编写一个清单列表 dart 写了一个text的例子 dart 的flutter例子 dart 斐波那契数列 dart 学习笔记 FutterMateriApp详细说明 Flu原创 2021-07-13 10:09:38 · 122 阅读 · 0 评论 -
用flutter构建web应用程序
用flatter构建为web支持配置颤振工具。使用web支持创建新项目。使用web支持运行新项目。使用web支持构建应用程序。向现有项目添加web支持。web应用程序原创 2021-05-31 11:44:17 · 276 阅读 · 0 评论 -
dart 实战2
Dart 实战2智慧rdda大成AI开发测试实战今天编写Http客户端和服务端重点是什么? The HTTP protocol allows clients and servers to communicate. The dart:io package has classes for writing HTTP programs. Servers listen for requests on a host and port. Clients ...原创 2021-04-01 11:52:56 · 172 阅读 · 0 评论 -
flutter 实战1 for Windows 10
flutter 实战1 for Windows 10智慧rdda大成AI开发测试实战4天前Flutter 安装下载https://flutter.dev/docs/get-started/install/windows windows版本,下载后解压到d:\tools\flutter目录,配置path和环境变量;intalljidea和androidstadio插件都要安装flutter和dart。通过flutter doctor检查环境,环境检查正确如下提示,本机没有安装...原创 2021-03-29 11:59:36 · 252 阅读 · 0 评论 -
Dart 实战1
Dart 实战1Original智慧rdda大成AI开发测试实战Todaydart语言你好,世界!每个应用都有一个main()函数。你可以使用顶层函数print()来将一段文本输出显示到控制台:首先已经安装了dart语言,并且配置好环境dart 安装choco install dart-sdk我配置到了这个环境里面C:\tools\dart-sdk,并且设置pathdart --versionDart SDK version: 2.10....原创 2021-03-18 14:13:12 · 251 阅读 · 0 评论 -
Flutter 2 更新记录
我们为 Flutter 2 做了如下重大变更,您可利用 "dart fix" 命令自动缓解其中的许多内容: 61366 继续对 clipBehavior 进行重大变更 https://github.com/flutter/flutter/pull/61366 66700 将默认 FittedBox 的 clipBehavior 更改为无 https://github.com/flutter/flutter/pull/66700 68905 从 Cupertino 颜色 AP原创 2021-03-08 11:56:01 · 249 阅读 · 0 评论 -
简单可是要做的事情还是比较多
原创 2021-03-05 18:03:21 · 86 阅读 · 0 评论 -
这次真的很快
[4/4] Building fresh packages...$ patch-package && npx jetifypatch-package 6.2.0Applying patches...@react-native-mapbox-gl/maps@8.0.0 ✔react-native@0.62.2 ✔react-native-firebase@5.5.6 ✔react-native-mparticle@2.4.4 ✔Jetifier found 1918 file(原创 2021-03-05 15:01:58 · 271 阅读 · 0 评论 -
flutter2.0.1 新版本
flutter doctorRunning "flutter pub get" in flutter_tools... 23.0sDoctor summary (to see all details, run flutter doctor -v):[√] Flutter (Channel stable, 2.0.1, on Microsoft Windows [Version 10.0.19041.388], locale en-US)[√] Android...原创 2021-03-05 14:00:51 · 468 阅读 · 1 评论 -
Flutter Text 处理学习笔记
出现这种import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( t..原创 2021-01-18 11:51:57 · 177 阅读 · 0 评论 -
2021-1-6 pub get ERROR 采坑记录
1.pub get ERRORIO : HTTP GET https://pub.flutter-io.cn/api/packages/cupertino_icons | Accept: application/vnd.pub.v2+json | user-agent: Dart pub 2.10.4IO : HTTP GET https://pub.flutter-io.cn/api/packages/characters | Accept: application...原创 2021-01-06 17:54:05 · 635 阅读 · 0 评论 -
carousel_slider 踩坑里面没有起来
1carousel_slider: ^2.3.12.代码为:import 'package:carousel_slider/carousel_controller.dart';import 'package:carousel_slider/carousel_options.dart';import 'package:carousel_slider/carousel_slider.dart';import 'package:flutter/material.dart';import .原创 2021-01-05 16:06:10 · 2207 阅读 · 3 评论 -
Flutter 实战6
Flutter 实战6智慧rdda大成智慧RdDa大成今天上面简单讲了类,还记得吗?这是是什么class C { static void m() {}}extension E on C { void f() { m(); }}Dart 抽象类和抽象方法抽象类是面向对象开发中较为难理解的一点。在Dart中,抽象类中可以定义抽象方法。所谓抽象方法,是指只有定义却没有实现的方法,抽象是面向接口开发的基础。以生活中汽车产品的生产为例,一辆完整的汽车的生产往往需要多个厂家...原创 2021-01-04 13:57:06 · 141 阅读 · 0 评论 -
Flutter 1.22.5 实战1
FlutterDart语言的学习先HelloWorld每个 app 都有一个main()函数。使用顶级函数print()将文字输出到控制台。void main() { print('Hello, World!');}基本数据类型在Dart中,有几种内置的数据类型:数值型、字符串、布尔、集合、键值对等。数值型Dart的数值包含Int和Double两种类型,分别表示整数和小数。Int:用于表示整数的int类型,长度为64位,因此,可以表示的数值范围是-2...原创 2020-12-31 16:20:36 · 486 阅读 · 0 评论 -
升级Flutter Flutter变化快,多升级
Flutter 升级升级Flutter由于Flutter正处于快速发展阶段,所以不可避免地会出现迭代更新。另外,Flutter SDK由Git版本控制系统管理,其分支包含Stable等11个分支,而且可能会越来越多,因此建议你跟踪Stable分支。在Flutter官网下载到的版本,即Stable分支。当Flutter推出功能更全面的版本时,如果你使用Flutter SDK进行开发,那么该如何升级呢?1.升级Flutter SDK对于Flutter SDK的升级,仅需在命令行执行:fl.原创 2020-12-28 12:34:23 · 504 阅读 · 0 评论 -
flutter web 配置
1.flutter 配置 flutter channel beta$ flutter upgrade$ flutter config --enable-web2.配置明细C:\Users\dev>flutter channel betaSwitching to flutter channel 'beta'...git: From https://github.com/flutter/fluttergit: db6e2d8aa5..37ebe3d82a dev ...原创 2020-10-15 15:43:46 · 947 阅读 · 0 评论 -
小白带你践行Flutter拼图GAME
小白带你践行Flutter拼图GAME下载https://github.com/kevmoo/slide_puzzle.git运行效果源代码分析1) main.dart是入口代码//main.dartimport 'src/core/puzzle_animator.dart';import 'src/flutter.dart';import 'src/puzzle_home_state.dart';void main() => runApp(Puz..原创 2020-06-23 22:11:45 · 1218 阅读 · 0 评论 -
TensorFlow life的进行图片识别
1.TensorFlow life的进行图片识别2.代码APP目标结构3.CameraActivity的摄像头的类源码/* * Copyright 2019 The TensorFlow Authors. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance wi原创 2020-05-31 09:41:46 · 1485 阅读 · 0 评论 -
小白带你用mac环境跑测画廊程序Error到运行成功
Flutter GalleryFlutter 画廊是一个资源,以帮助开发人员评估和使用颤振。它是一个材料设计的集合&Cupertino小部件、行为和vignette实现了Flutter。我们经常被问到如何才能看到颤振的动作,这个画廊展示了颤振提供了什么,以及它在野外的表现。克隆代码git clone https://github.com/flutter/gallery.git命令集合如果您想运行Flutter画廊例子,请确保首先切换到主频道:flutter channel m原创 2020-05-29 20:18:33 · 1832 阅读 · 1 评论 -
Flutter中级程序研究的例子
Flutter中级程序研究的例子分期进行讲解Flutter Devfest Appwatch Flutter Firebase MLKIT Appwatch Flutter Tic Tac Toe Gamewatch Flutter Music Player Appwatch Flute Music PluginPub Flutter Firebase Setupwatch Flutter Firebase CRUDwatch Flutter Bottom Sheet Appwatch原创 2020-05-27 10:46:49 · 347 阅读 · 0 评论 -
小白带你认识一下Flutter使用json
JSONJSON格式在代码编程中,是最常用的格式。那么JSON定义是什么呢?让小白带你先了解一下JSON的定义。JSON(JavaScriptObject Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。简要历史1999...原创 2020-05-26 11:38:48 · 832 阅读 · 0 评论 -
用flutter1.17使用sqlite1.3.1简单入门
用flutter1.17使用sqlite1.3.1简单入门1.前提条件安装好flutter1.17版本安装好dart版本环境配置好2.申明sqlite1.3.1使用请在你的安装包中pubspec.yaml增加配置如下:dependencies: sqflite: ^1.3.0+13.安装依赖包flutter pub get4.需要使用直接导入import 'package:sqflite/sqflite.dart';5.例子example.原创 2020-05-25 16:23:57 · 421 阅读 · 0 评论 -
编译shared_preferences_macos默认的模块默认是5.1.1编译的,需要修改为5.4.1高点版本
1.错误提示> Failed to apply plugin [id 'com.android.library'] > Minimum supported Gradle version is 5.4.1. Current version is 5.1.1. If using the gradle wrapper, try editing the distributionUrl...原创 2020-04-12 11:52:40 · 1312 阅读 · 0 评论 -
flutter模仿微信的例子
git地址:1.flutter webchar源码结构2.运行效果3. im/all_im.dartexport 'login_handle.dart';export 'search_handle.dart';export 'friend_handle.dart';export 'message_handle.dart';export 'search_...原创 2020-04-11 17:48:43 · 559 阅读 · 0 评论 -
用flutter_html_view打开大成的cdsn的web网页详细操作
用flutter_html_view访问cdsn的web网页1.源代码2.main.dartimport 'dart:html';import 'package:flutter_web_ui/ui.dart' as ui;import 'package:flutter_web/material.dart';void main() { ui.platformVie...原创 2020-04-10 23:26:17 · 904 阅读 · 2 评论 -
flutterForWeb启动超级简单
1.flutter_web hello_world1.1安装webdev命令 flutter pub global activate webdev1.2 flutter pub upgrade! flutter_web 0.0.0 from path ../../packages/flutter_web ! flutter_web_ui 0.0....原创 2020-04-10 21:18:46 · 3235 阅读 · 0 评论 -
GreenTravel学习和wanandroid学习
1.滴滴仿照Fluttergit clonehttps://github.com/Sky24n/GreenTravel1.1 代码结构用android statuo打开,/Users/keny/tools/flutter/bin/flutter --no-color packages get1.1 运行效果,地图没有出来,上面的tab和AppBar 比较简单学习中...原创 2020-04-10 17:01:36 · 153 阅读 · 0 评论 -
Flutter美女的奥斯基宁湖
1.Flutter美女的奥斯基宁湖2.源代码import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext con...原创 2020-04-10 13:30:05 · 192 阅读 · 0 评论 -
flutter运行动画效果
1.flutter动画效果点击后动画2.源代码import 'package:flutter/material.dart';void main() async { runApp( MaterialApp( debugShowCheckedModeBanner: false, home: Scaffold( body...原创 2020-04-09 13:32:56 · 619 阅读 · 0 评论 -
Flutter TabBar增加跑步和地铁图标
1.TabBar例子2.源代码import 'package:flutter/material.dart';class TabBarSample extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( // 添加De...原创 2020-04-07 17:43:10 · 477 阅读 · 0 评论 -
微信例子页面 AppBar
1.前面的bar和底部的buttom2.源代码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { //进入整个主页 @override Widget build(BuildContext con...原创 2020-04-07 16:41:48 · 310 阅读 · 1 评论