iOS风格的按钮。可指定颜色、点击时透明度、内边距、圆角等。可接收点击事件。

相关组件

MaterialButton

CupertinoButton点击事件

【color】: 颜色 【Color】
【pressedOpacity】: 按下时透明度 【double】
【child】: 子组件 【Widget】
【padding】: 内边距 【EdgeInsetsGeometry】
【borderRadius】: 圆角半径 【BorderRadius】
【onPressed】: 点击事件 【Function】
120.gif

  1. import 'package:flutter/cupertino.dart';
  2. import 'package:flutter/material.dart';
  3. class CustomCupertinoButton extends StatelessWidget {
  4. @override
  5. Widget build(BuildContext context) {
  6. var data = {
  7. CupertinoColors.activeBlue:4.0,
  8. Colors.blue:6.0,
  9. CupertinoColors.activeOrange:8.0,
  10. };
  11. return Wrap(
  12. spacing: 20,
  13. children:data.keys.map((e)=> CupertinoButton(
  14. padding: EdgeInsets.zero,
  15. onPressed: () => Navigator.of(context).pushNamed('AboutMePage'),
  16. color: e,
  17. pressedOpacity: 0.4,
  18. borderRadius: BorderRadius.all(Radius.circular(data[e])),
  19. child: Text("iOS"),
  20. )).toList()
  21. );
  22. }
  23. }