Flutter 颤振:添加带有自动路由的自定义过渡
在我的应用程序中,我想添加自定义转换。我使用插件Auto_Route进行我的路由,在文档中写着如何做,但是当我做同样的事情时,我会抛出错误。对于没有自定义转换的“普通”路由,我使用“ExtendedNavigator.root.push(Routes.shoppingFormScreen)” 代码Flutter 颤振:添加带有自动路由的自定义过渡,flutter,dart,transition,flutter-dependencies,Flutter,Dart,Transition,Flutter Dependencies,在我的应用程序中,我想添加自定义转换。我使用插件Auto_Route进行我的路由,在文档中写着如何做,但是当我做同样的事情时,我会抛出错误。对于没有自定义转换的“普通”路由,我使用“ExtendedNavigator.root.push(Routes.shoppingFormScreen)” 代码 import 'package:auto_route/auto_route.dart'; import 'package:auto_route/auto_route_annotations.dart
import 'package:auto_route/auto_route.dart';
import 'package:auto_route/auto_route_annotations.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:mealapp/features/shopping_plan/presentation/pages/shopping_form.dart';
import '../../../../core/models/shopping_list.dart';
import '../../../../core/router/router.gr.dart';
import '../../../../core/services/repositories/shopping_list_repository.dart';
import '../../../../core/util/firestore_collections.dart';
import '../../../../core/util/global.dart';
import '../../../../injection_container.dart';
import '../../../auth/presentation/bloc/auth/auth_bloc.dart';
import '../../../auth/presentation/bloc/auth/auth_state.dart';
class ShoppingPage extends StatelessWidget {
@CustomRoute(transitionsBuilder: TransitionBuilders.slideBottom,durationInMilliseconds: 400)
ShoppingFormScreen shoppingFormScreenTest;
@override
Widget build(BuildContext context) {
final authBloc = context.bloc<AuthBloc>();
return Scaffold(
backgroundColor: darkGreyColor,
floatingActionButton: FloatingActionButton(
onPressed: () => CustomRoute(page: shoppingFormScreenTest(), transitionsBuilder: zoomInTransition),
child: Icon(Icons.add),
backgroundColor: redColor,
),
body: Column(
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 20, top: 30),
height: 160,
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(50),
bottomRight: Radius.circular(50),
),
color: Colors.white,
),
child: Text(
'Shop Plan',
style: mealPlanTitleStyle,
),
),
Expanded(
child: BlocBuilder<AuthBloc, AuthBlocState>(
cubit: authBloc,
builder: (context, state) {
if (state is! UserAuthenticated) {
return Center(child: CircularProgressIndicator());
}
return StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance
.collection(FirestoreCollections.shoppingLists)
.where(
'creatorId',
isEqualTo: (state as UserAuthenticated).user.uid,
)
.snapshots(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting ||
snapshot.hasData == false) {
return Center(child: CircularProgressIndicator());
}
final shoppingListDocsData =
snapshot.data.docs.map((e) => e.data()).toList();
final items =
ShoppingList.fromMapList(shoppingListDocsData);
if (items.isEmpty) {
return Center(
child: Text(
'You have no shopping lists.',
style: TextStyle(color: Colors.white),
),
);
}
return ListView.builder(
itemCount: items.length,
shrinkWrap: true,
primary: false,
padding: const EdgeInsets.all(16),
itemBuilder: (context, index) {
return ShoppingListCard(items[index]);
},
);
},
);
},
),
),
],
),
);
}
Widget zoomInTransition(BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
return ScaleTransition(scale: animation, child: child);
}
}
import'包:auto_-route/auto_-route.dart';
导入“package:auto_route/auto_route_annotations.dart”;
导入“包:cloud_firestore/cloud_firestore.dart”;
进口“包装:颤振/材料.省道”;
进口“包装:颤振团/颤振团.飞镖”;
导入“包:mealapp/features/shopping_plan/presentation/pages/shopping_form.dart”;
导入“../../../core/models/shopping_list.dart”;
导入“../../../core/router/router.gr.dart”;
导入“../../../core/services/repositories/shopping_list_repository.dart”;
导入“../../../core/util/firestore_collections.dart”;
导入“../../../core/util/global.dart”;
导入“../../../../injection_container.dart”;
导入“../../../auth/presentation/bloc/auth/auth_bloc.dart”;
导入“../../../auth/presentation/bloc/auth/auth_state.dart”;
类ShoppingPage扩展了无状态小部件{
@CustomRoute(TransitionBuilder:TransitionBuilders.slideBottom,持续时间毫秒:400)
ShoppingFormScreen ShoppingFormScreen测试;
@凌驾
小部件构建(构建上下文){
final authBloc=context.bloc