一個漂亮的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這門技術,那就跟我一起學習進步吧,你的贊,收藏,轉發是對我個人最大的支持,維護不易,歡迎關注。


分享到:


相關文章: