一个漂亮的Flutter饮料购物车项目 动画流畅 Android iOS 可运行

最近在看一本电子书「不止代码:程序员的进阶之路」说道一件事情

说起程序员,很多人都会想到「工资很高」,但少有人知道,这份职业背后,多的是外人难解的困惑:「因为赚钱多选择了这份职业,但未来到底该怎么走?」 「程序员是吃青春饭吗?30 岁之前不转型管理层就没有出路了吗?」 「行业与技术瞬息万变,怎样才能做到无可取代?」

这几个疑问句貌似很多程序员深有体会,如果你只是刚刚才入行的程序员,恭喜你看了这篇文章,你可以自己好好想想上面的问题,后续我会继续讨论这些问题,欢迎关注。

昨天有一部分粉友后台私信我,问我 这个项目的源码有没有,今天分享给大家,文章末尾提出源码下载地址,谢谢粉友们的支持。

本头条核心宗旨

欢迎来到「技术刚刚好」作者,「技术刚刚好」是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。

技术刚刚好经历

近几年,移动端跨平台开发技术层出不穷,从Facebook家的ReactNative,到阿里家WEEX,前端技术在移动端跨平台开发中大展身手,技术刚刚好作为一名Android开发,经历了从Reactjs到Vuejs的不断学习。而在2018年,我们的主角变成了Flutter,这是Goolge开源的一个移动端跨平台解决方案,可以快速开发精美的移动App。希望跟大家一起学习,一起进步!

本文核心要点

哈哈,写这篇文章是边听「Faded」这首歌写的。我觉得好听,节奏感强强的,他的一系列歌曲我都喜欢听。今天这个项目效果还是挺好的,分享给大家,希望大家喜欢。

一个漂亮的Flutter饮料购物车项目 动画流畅 Android iOS 可运行

饮料购物动画完美

是不是不敢相信Flutter能实现那么美丽的效果?接下来看看代码吧。

这题代码结构如下:

一个漂亮的Flutter饮料购物车项目 动画流畅 Android iOS 可运行

main.dart界面结构如下:

import 'lib/drink_shop_home.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class DrinkShopApp extends StatelessWidget {
DrinkShopApp() {
SystemChrome.setPreferredOrientations(
<deviceorientation>[DeviceOrientation.portraitUp]);
}

@override
Widget build(BuildContext context) {
return new MaterialApp(
debugShowCheckedModeBanner: false,
title: "Drink Shop",
home: new DrinkShopHome(),
);
}
}

void main() => runApp(new DrinkShopApp());
/<deviceorientation>

settings_button.dart 看看

import 'colors.dart';
import 'icons.dart';
import 'package:flutter/material.dart';

class SettingsButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container(
width: 50.0,
height: 50.0,
decoration: new BoxDecoration(
color: DrinkShopColors.buttonAccentColor,
shape: BoxShape.circle,
boxShadow: <boxshadow>[
new BoxShadow(
color: Colors.black26,
spreadRadius: 1.0,

blurRadius: 3.0,
offset: new Offset(1.0, 2.0),
),
],
),
child: new Icon(
DrinkShopIcons.controls,
color: Colors.white,
),
);
}
}
/<boxshadow>

总结

代码就不全贴出来了,今天就分享这么多吧,昨天 源代码地址:https://gitee.com/android_code/Remo.git 大家拿去撸吧

谢谢观看技术刚刚好的文章技术刚刚好是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。


分享到:


相關文章: