title: 'BackButtonIcon' description: '返回图标' type: widgets

BackButtonIcon

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

用法如下:

BackButtonIcon()

此在不同平台上显示的效果不同,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;
}

@override
Widget build(BuildContext context) => Icon(_getIconData(Theme.of(context).platform));