我的情况有点复杂。我正在将2个页面推送到导航器(navigator)。
A - B
B是最新推送的页面。
由于某些原因，我不想通过从B弹出来实现从B到A的导航。我希望替换/交换它们。这是由于状态(state)的原因。我想保留A和B页面的状态，因为有一些构建成本极高的widget(Unity view widget)。我该如何在B页面中使用Navigator才能在不销毁我的页面的情况下将B与A交换？
以下是步骤:
A作为默认页面打开。
B通过
Navigator.of(context).pushNamed();
被推送。页面堆栈(Page Stack)为A-B。
从B页面，我想导航到A，同时仍然保持B页面处于活动状态。
- 在某些神奇的操作之后，我缺少 -
页面堆栈变为B-A。用户看到的是页面A。没有一个页面被销毁。它们被交换了。
在Flutter中是否有一种方法可以实现这个功能？
您可以使用 PageView 来简单地设置配置，像这样：
PageController _pagerController = PageController(keepPage: true);
PageView(
physics: NeverScrollableScrollPhysics(),
controller: _pagerController,
children: [
Page_A(),
Page_B(),
],
),
用于页面之间的切换：
goNextPage() {
_pagerController.animateToPage(
currentPage + 1,
duration: Duration(milliseconds: 500),
curve: Curves.ease,
);
}
goPrevPage() {
_pagerController.animateToPage(
currentPage - 1,
duration: Duration(milliseconds: 500),
curve: Curves.ease,
);
}
希望对您有用。
也许 IndexedStack 是你正在寻找的。它像电视频道一样在小部件之间切换。在更改时，小部件不会被重建。
根据您的需求，使用动画切换页面，AnimatedSwitcher 似乎是最接近您想要的，除了它会重建小部件。因此，我认为 IndexedStack 是你想要的一个好的开始。
你还可以参考 animated_indexed_stack.dart 或 带有 IndexedStack 的 AnimatedSwitcher 在 这个线程 中提到。
PageView、ListView和GridView构建器专为大量对象设计，并在滚动时重新构建。
Column或Row保存所有子构建。
您可以尝试：
SingleChildScrollView（NeverScrollable）-> Row -> A（相同屏幕大小）和B（相同）
然后动画或跳转到：
对于A偏移0，对于B偏移屏幕宽度。
我已经尝试过，效果很好。
///
class AtoBExample extends StatefulWidget {
@override
_AtoBExampleState createState() => _AtoBExampleState();
}
class _AtoBExampleState extends State<AtoBExample> {
ScrollController scrollController = ScrollController();
_toB() {
// !!! Forward or any operations animations in here
// e.g animate A's opacity 1 to 0 and wait finish
scrollController.jumpTo(MediaQuery.of(context).size.width);
// And animate B's opacity 0 to 1
}
_toA() {
// !!! Forward or any operations animations in here
// e.g animate B's opacity 1 to 0 and wait finish
scrollController.jumpTo(0);
// And animate A's opacity 0 to 1
}
@override
Widget build(BuildContext context) {
var size = MediaQuery.of(context).size;
return Scaffold(
body: SingleChildScrollView(
controller: scrollController,
scrollDirection: Axis.horizontal,
physics: const NeverScrollableScrollPhysics(),
child: Row(
children: [
// A
Builder(
builder: (c) {
print('GREEN BUILD');
return InkWell(
onTap: (){
print('TO B');
_toB();
},
child: Container(
width: size.width,
height: size.height,
color: Colors.green,
),
);
},
),
Builder(
builder: (c) {
print('RED BUILD');
return InkWell(
onTap: (){
print('TO A');
_toA();
},
child: Container(
width: size.width,
height: size.height,
color: Colors.red,
),
);
},
)
],
),
),
);
}
}
Navigator2.0吗？（我指的是MaterialApp.router） - pskink