dart - 将 pushNamed 与 Dismissible Widget 结合使用

Question

我正在尝试创建一个 Dismissible 小部件，但我想要路由器历史记录，我的意思是当我使用 onDismissed 事件转到另一条路线时，当用户在该新 View 上按下后退按钮时将返回到第一个 View 。

这是我的小部件。

Dismissible(
  key: new ValueKey("dismiss_key"),
  direction: DismissDirection.horizontal,
  child: Container(child: this.getTopPlacesSubscription()),
  onDismissed: (direction) {
    if (direction == DismissDirection.endToStart) {
      Navigator.of(context).pushNamed(Router.getRoute(Routes.map));
    }
    if (direction == DismissDirection.startToEnd) {
      Navigator.of(context)
          .pushNamed(Router.getRoute(Routes.camera));
    }
  }

我将不胜感激任何帮助。我在尝试以这种方式执行此操作时遇到了问题。

Answer 1

此代码块可让您根据长度创建随机字符串。将此添加到您的代码中。

import 'dart:math';

String _randomString(int length) {
   var rand = new Random();
   var codeUnits = new List.generate(
      length, 
      (index){
         return rand.nextInt(33)+89;
      }
   );

   return new String.fromCharCodes(codeUnits);
}

在你的状态下，定义一个新变量并给它一个随机值。

String vk;

@override
void initState() {
  this.vk =  _randomString(10)
}

然后转到您的 Dismissable 小部件并将 vk 替换为您的字符串。神奇的部分来了，哈哈。您必须在 onDismissed 中更改您的 vk 值。这会将一个新值传递给 Dismissable 键，因此 Flutter 会将其识别为一个新的 Widget，从而防止错误。

Dismissible(
  key: new ValueKey(vk),
  direction: DismissDirection.horizontal,
  child: Container(child: this.getTopPlacesSubscription()),
  onDismissed: (direction) {
    setState(() {
      this.vk = _randomString(10);
    });
    if (direction == DismissDirection.endToStart) {
      Navigator.of(context).pushNamed(Router.getRoute(Routes.map));
    }
    if (direction == DismissDirection.startToEnd) {
      Navigator.of(context)
          .pushNamed(Router.getRoute(Routes.camera));
    }
  }