1.定义消息 在开始建立webSocket之前,我们需要定义消息,如:发送人,发送时间,发送人id等.. import 'dart:convert'; class ChatMessageData { final String id; final String msg; final DateTime created; final String name; final int role; ChatMessageData( this.id, this.msg, this.name, this.role…

前言 在 Flutter 这个分类的第一篇文章总结了下最新的 Mac 搭建 Flutter 开发环境和对声明式UI这个理解的东西,前面也有提过,准备像在 SwiftUI 分类中那样花一些功夫来写一个 Flutter 项目Demo,这样能更有利于我们的学习,后续的问题在日常开发的过程中再慢慢的总结吧. 模式还是按照 SwiftUI 的,我们写一个标签+导航的模式,具体的Demo 效果如下所示,我们在看几个比较具体的概念性东西. Widget 的性质 我自己写了这几个界面之后深切的体会到 Widge…

前言 工欲善其事,必先利其器 所以第一篇我们来说说 Flutter 环境的搭建. 笔者这边使用的是 MAC 电脑,因此以 MAC 电脑的环境搭建为例. Windows 或者 Linux 也是类似的操作. Flutter 有英文版的官网和中文网,大家可以根据自己的喜好和情况进行选择. 点击下面的链接可以到对应的安装页面. Flutter 官网安装链接 Flutter 中文网安装链接 我们这边以官网为例进行说明. 目录 1. 配置镜像 点击进入官网,可以看到下图: 我们点击 Using Flutte…

学习内容来自: Flutter中文网  . Flutter实战 --------------------------------------------------------------------------------------------------------------------------- 使用Flutter首先需要搭建Flutter的开发环境,以下以 Android  .Windows 标准 搭建开发环境,其他pc系统,移动平台请看官方文档. 一.使用镜像 --------…

本文介绍mac上搭建Flutter环境 1.Flutter官方提供中国地区镜像地址:https://github.com/flutter/flutter/wiki/Using-Flutter-in-China 2.下载Flutter源码 (官方建议下载beta分支) git clone -b beta https://github.com/flutter/flutter.git 3.环境配置 进入home目录 cd ~ , open -e .bash_profile(没有bash_profile…

前两天网友在群里说起了Flutter,就了解了一下,在手机上跑了它的demo,直接就被打动了. 虽然网上有很多教程,但真正开始的时候,还是会碰到很多坑.下面详细的讲解Flutter + Android Studio开发环境搭建. Flutter社区和资源传送门 字体图标生成 http://fluttericon.com/ Flutter中文网  https://flutterchina.club Flutter中文开发者论坛 http://flutter-dev.cn/ Flutter|Dart…

42.详细页_UI主页面架构搭建 详细分成六大部分拆分开 body里面用FutureBuilder异步加载. FutureBuilder里面的furure属性这里用一个方法,必须返回的也是future 把我们的方法修改为返回的类型为Future.我们直接返回的是一个字符串.因为我们里面使用了provide,所以其实这里我们随便返回个字符串就没那么重要 了. 我们在页面上默认放上一个Text的widget显示传过来的id 运行页面: 点击左上角的返回可以返回到上一页 最终代码: import 'p…

久闻 Flutter 大名,今天终于有时间体验一下了 ٩(๑>◡<๑)۶ 官网:https://flutter.dev/ 中文官网:https://flutterchina.club/ 一.下载Flutter SDK 1.下载 ①官网下载:https://flutter.dev/docs/development/tools/sdk/releases#windows ②github下载:https://github.com/flutter/flutter/releases 2.解压 将安装包zi…

使用flutter开发app已有三个月,有一些行为形成了惯性,在搭建flutter web环境变量时走了不少的坑,分享出来,免得其他小伙伴再走一遍. 首先flutter的版本要使用1.5及以上版本 dart要用2.3.0及以上版本. 安装webdev,webdev是启动本地服务器使用 flutter pub global activate webdev 然后配置环境变量 export PATH="$PATH":"$HOME/flutter/.pub-cache/bin&quo…

Flutter 开发环境搭建 官方的资料相对还是比较全面的,包含了很多中文的资料信息.官方对咱们国家的开发人员还是很友好的. 安装教程:https://flutter.io/get-started/install/ 国内因为墙外资源,可以按照下面的配置来指定远程源:Using-Flutter-in-China SDK下载的下载地址:https://flutter.io/sdk-archive/#macos 理论上,按照官方的教程操作,是没啥问题的,很详细.但是因为网络的原因,可能很慢,可能直接失…