如何在不颤动的情况下从一个屏幕导航到另一个屏幕？

Question

你能告诉我如何在不按下按钮的情况下从一个屏幕导航到另一个屏幕。 在从 API 获得响应后，当条件为真时，我使用三元运算符，它向我显示循环进度指示符，当它变为假时，它导航到新屏幕。

     _con.loading 
                  ? Padding(
                           padding: EdgeInsets.all(55),
                           child: CircularProgressIndicator(),)
                  : 
                    Navigator.of(context).pushNamed('/FindingDriver', 
arguments: RouteArgument(param: _con.order.id, param2: _con.order.foodOrders.first.food.restaurant.id)),

Answer 1

这取决于应用架构，但最简单的解决方案可能是像这样在屏幕上添加帧后回调：

class FirstPage extends StatefulWidget {
  @override
  _FirstPageState createState() => _FirstPageState();
}

class _FirstPageState extends State<FirstPage> {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) async {
      final response = await Future.delayed(Duration(seconds: 3));
      Navigator.of(context).pushReplacement(MaterialPageRoute(builder: (_) => SecondPage()));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text('First'),),
        body: Center(child: CircularProgressIndicator()));
  }
}

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Second'),),
        body: Container(),);
  }
}

作为替代方案，考虑利用FutureBuilder 并且不替换整个屏幕，而只是替换内容。