Aprendizaje de Flutter: enrutamiento

1. Uso de enrutamiento común en Flutter

Por ejemplo, si ahora queremos saltar del componente HomePage al componente SearchPage 1, debemos introducir SearchPage.dart en HomPage.

importar ' . ./páginadebúsqueda.dart';

Saltar a través del siguiente método en la página de inicio

2. Valor de transferencia de salto de ruta ordinaria en Flutter

El método de implementación para saltar el valor de paso y llamar al valor de paso del componente es el mismo

 ① Defina una página de búsqueda para recibir el valor pasado y obtenga el valor a través de widget.xxx

 ② Vaya a la página para darse cuenta de la transferencia de valor.

 3. Enrutamiento con nombre en Flutter

①Introduzca todas las rutas a redirigir en main.dart

② Configure el enrutamiento a través de rutas, debe comentar en casa

 ③ Configure la ruta de salto en la página a saltar

 

 4. Valor de paso de ruta con nombre en Flutter

① Definir las rutas del tipo de mapa.

②Llame al procesamiento onGenerateRoute (método de escritura fijo)

 ③ Definir la página para recibir argumentos y pasar parámetros

 

 ④Saltar de página (página de formulario) para realizar el paso de parámetros

5. Flutter regresa al enrutamiento del nivel superior

Navegador.de(contexto).pop();

6. Reemplazar el enrutamiento en Flutter

Por ejemplo, saltamos de la página del centro de usuarios a la página de registroPrimera y luego saltamos de la página de registroPrimera a la página de registroSecond a través de pushReplacementNamed. En este momento, cuando hagamos clic en el botón de retorno de RegisterSecond, regresará directamente al centro de usuario.

Navigator.of(context).pushReplacementNamed('/registerSecond');

7. Flutter regresa a la ruta raíz

Por ejemplo, saltamos del centro de usuario a la página de registroPrimero, luego saltamos de la página de registroPrimeros a la página de registroSecond, y luego saltamos de registroSecond a la página de registroTercer. En este momento, lo que pensamos es que RegisterThird regresa al centro de usuarios después de un registro exitoso. este

Es hora de utilizar el método de volver a la ruta raíz.

8. Flutter Android y Los usan el mismo estilo de salto de enrutamiento.

La biblioteca de componentes Material proporciona un componente MaterialPageRoute, que puede usar animaciones de cambio de ruta consistentes con el estilo de la plataforma, como deslizarse hacia la izquierda y hacia la derecha en iOS y hacia arriba y hacia abajo en Android. CupertinoPageRoute es una ruta de estilo iOS proporcionada por Cupertino biblioteca de componentes. Cambiar componente, si desea usar estilos de cambio hacia la izquierda y hacia la derecha en Android, puede usar CupertinoPageRoute.

1. Elimine material.dart e importe cupertino.dartimport 'paquete:flutter/cupertino.dart';

2. Reemplace MaterialPageRoute con CupertinoPageRoute

Supongo que te gusta

Origin blog.csdn.net/m0_73533910/article/details/131469726
Recomendado
Clasificación