微信交流群

# BackButtonIcon

看名字你以为这是一个Button,其实是一个Icon,没有点击效果,具有点击效果的组件是BackButton

用法如下:

BackButtonIcon()
1

此在不同平台上显示的效果不同,iOS效果如下:

android和fuchsia效果如下:

源代码实现也比较简单,如下:

/// Returns the appropriate "back" icon for the given `platform`.
static IconData _getIconData(TargetPlatform platform) {
  switch (platform) {
    case TargetPlatform.android:
    case TargetPlatform.fuchsia:
      return Icons.arrow_back;
    case TargetPlatform.iOS:
      return Icons.arrow_back_ios;
  }
  assert(false);
  return null;
}


Widget build(BuildContext context) => Icon(_getIconData(Theme.of(context).platform));
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15