Aleteo (xxiv) - Parámetros de respuesta

prefacio

Anterior a través de enrutamiento estático y comprensión dinámica de enrutamiento, el aleteo salto en el desarrollo de interfaces, pero en proyectos reales, no sólo para saltar de modo que sólo una necesidad, así como los parámetros de retorno. (La siguiente figura muestra el papel para lograr la imagen final)

, como en algunas ciudades selectas ventana flotante, y luego la dirección de retorno y así sucesivamente, tienen unos parámetros de retorno de la demanda, entonces el desarrollo del alboroto, la forma de lograr una tal necesidad? Un ejemplo de una ciudad que no desean regresar los parámetros.

página principal

En primer lugar, lo que la aplicación de diseño principal de la página, tiene que haber un salto para seleccionar la interfaz de la función de la ciudad, por lo que el código debería tener este aspecto:

import 'package:flutter/material.dart';

class HomePage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("主页面"),
      ),
      body: Center(
        child: JumpButton()
      ),
    );
  }
}

class JumpButton extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: (){
        _showCityResult(context);
      },
      child: Text("选择城市：",style: TextStyle(fontSize: 33,color: Colors.red),),
    );
  }

  /***
   * 跳转页面并返回数据显示
   */
  _showCityResult(BuildContext context) async{
    final result=await Navigator.push(context, MaterialPageRoute(builder: (context)=>CityPage()));//跳转界面获取返回数据
    Scaffold.of(context)..removeCurrentSnackBar()..showSnackBar(SnackBar(content: Text("$result"),));//显示返回数据
  }
}

Debe tenerse en cuenta que es importante, y luego regresó a esperar a que el funcionamiento de la interfaz de datos está completa, es una operación asíncrona, por lo que es necesario el uso asíncrono y esperar, el código es muy simple, la interfaz principal es un botón y haga clic en el botón a la interfaz de salto, se devuelven datos, y se muestran en SnackBar, control Bar en la en Java para desarrollar el programa Android también, no explican.

Interfaz de salto

A continuación, tenemos que darnos cuenta de nuestra interfaz de salto, echamos un vistazo a su código:

class CityPage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("选择城市"),),
      body: Column(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(10),
            child: RaisedButton(
              child: Text("武汉加油"),
              onPressed: (){
                Navigator.pop(context,"武汉加油");
              },
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(10),
            child: RaisedButton(
              child: Text("湖北加油"),
              onPressed: (){
                Navigator.pop(context,"湖北加油");
              },
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(10),
            child: RaisedButton(
              child: Text("中国加油"),
              onPressed: (){
                Navigator.pop(context,"中国加油");
              },
            ),
          ),
        ],
      ),
    );
  }
}

Esta interfaz proporciona tres opciones, a saber reabastecimiento Wuhan, Hubei, China, reabastecimiento de combustible de reabastecimiento de combustible, y luego regresar haciendo clic en un botón en una pantalla de parámetros de paso por Navigator.pop (contexto, "Ven Hubei") El segundo argumento, la parte delantera básica de los otros códigos se utilizan, no vamos a repetir aquí, el efecto se logra con una imagen de la Bowen comenzó exactamente el mismo.