code4soul

Center(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      ShakeAnimationWidget(
        // shake animation controller
        shakeAnimationController: _shakeAnimationController,
        // shake animation 的樣式
        shakeAnimationType: ShakeAnimationType.TopBottomShake,
        // shake 的幅度
        shakeRange: 0.1,
        // shake 的次數, 預設 0
        shakeCount: 0,
        // 設置預設不抖動, 預設是 true
        isForward: false,
        child: const Text('code for love, code for life')
      ),
      TextButton(onPressed: () => _shakeAnimationController.start(shakeCount: 0), child: const Text("Start"))
    ],
  ),
)

ShakeTextAnimationWidget(
  // 設置文案
  animationString: "Join the Dart side!!",
  space: 1.0,
  runSpace: 10,
  // 文字樣是
  textStyle: const TextStyle(
    fontSize: 25,
  ),
  shakeCount: 0,
)

BottomRoundFlowMenu(
  defaultBackgroundColor: Colors.white,
  iconList: const [Icon(Icons.icecream), Icon(Icons.ac_unit), Icon(Icons.account_balance_wallet_rounded)],
  clickCallBack: (int index) {
    print("press on $index");
  },
),

AnimatedStatusButton(
  // controller
  animatedStatusController: _animatedStatusController,
  width: 220.0,
  height: 40,
  // 動畫時間
  milliseconds: 600,
  buttonText: 'Submit',
  // 背景顏色
  backgroundNormalColor: Colors.white,
  // 外框顏色
  borderNormalColor: Colors.green,
  // 文字顏色
  textNormalCcolor: Colors.black54,

  clickCallback: () async {
    await Future.delayed(const Duration(seconds: 3));
    return true; // 回傳 true 會讓 loading status 回到按鈕的狀態, false 的話會持續顯示 loading
  },
)

RoteFlowButtonMenu(
  defaultBackgroundColor: Colors.yellowAccent,
  iconList: const [Icon(Icons.plus_one), Icon(Icons.people), Icon(Icons.add)],
  clickCallBack: (int index) {
    print("on press $index");
  },
)

final GlobalKey _parentKey = GlobalKey();
// 要用 stack 包住才有效果
Stack(key: _parentKey, children: [
  Container(color: Colors.blueGrey),
  DraggableFloatingActionButton(
    initialOffset: const Offset(120, 70),
    parentKey: _parentKey,
    onPressed: () {},
    child: Container(
      width: 60,
      height: 60,
      decoration: const ShapeDecoration(
        shape: CircleBorder(),
        color: Colors.white,
      ),
      child: const Icon(Icons.add),
    ),
  ),
])

Spacer({Key? key, int flex = 1})