我是新来的Flutter，需要一些帮助。我使用ImagePicker允许用户选择他们想要用于特定事件的图像（在“添加新事件页面”），但是，我不知道如何将所选图像传递到其他页面（“即将发生的事件平铺”和“主页”），并在查看特定事件时显示它。我还没有数据库设置，只是一个本地模型页面。我该怎么做？下面是代码（我为草率的代码提前道歉...我还在学习）：
添加新事件页面（用户从该页面选择图像）：
import 'dart:io';import 'package:evnt_app/pages/choose_icon_page.dart';import 'package:evnt_app/pages/navigation.dart';import 'package:flutter/material.dart';import 'package:flutter/services.dart';import 'package:google_fonts/google_fonts.dart';import 'package:image_picker/image_picker.dart';import 'package:provider/provider.dart';import '../data/evnt_data.dart';class AddNewEventPage extends StatefulWidget {const AddNewEventPage({super.key});@overrideState<AddNewEventPage> createState() => _AddNewEventPageState();}class _AddNewEventPageState extends State<AddNewEventPage> {///////////////////////////////////////////////// Controller Methods /////////////////////////////////////////////////// Clear Controllersvoid clearControllers() {eventNameController.clear();eventDateController.clear();eventTimeController.clear();eventLocationController.clear();}// Support Dialog Box - Text Controllerfinal eventNameController = TextEditingController();final eventDateController = TextEditingController();final eventTimeController = TextEditingController();final eventLocationController = TextEditingController();/////////////////////////////////////////////////// "Add" Button Method /////////////////////////////////////////////////////// "Add New Event" Save Button Methodvoid saveNewEvent() {Provider.of<EvntData>(context, listen: false).addEvent(eventNameController.text,eventDateController.text,eventTimeController.text,eventLocationController.text,);Navigator.push(context,MaterialPageRoute(builder: (context) => const Navigation(),),);}// Pick Image MethodFile? image;Future pickImage(ImageSource source) async {try {final image = await ImagePicker().pickImage(source: source);if (image == null) return;final imageTemporary = File(image.path);setState(() => this.image = imageTemporary);} on PlatformException catch (e) {print('Failed to pick image: $e');}}@overrideWidget build(BuildContext context) {return Scaffold(backgroundColor: Colors.white,// App BarappBar: AppBar(leading: IconButton(onPressed: () {Navigator.of(context).push(MaterialPageRoute(builder: (context) => const Navigation(),),);},icon: const Icon(Icons.close,size: 30,)),elevation: 0,backgroundColor: Colors.red.shade400,title: Text('Add Event Details',style: GoogleFonts.poppins(fontSize: 20, fontWeight: FontWeight.bold),),),body: Padding(padding: const EdgeInsets.only(left: 20.0, right: 20.0),child: Column(crossAxisAlignment: CrossAxisAlignment.start,children: [// Choose Event Photo IconPadding(padding: const EdgeInsets.only(top: 25.0, bottom: 25.0),child: Column(children: [// Image Placeholderimage != null? ClipOval(child: Image.file(image!,width: 125, height: 125, fit: BoxFit.cover),): Image.asset('lib/assets/images/event-default.png',width: 125,height: 125,),const SizedBox(height: 25.0),// Select Image From GalleryRow(mainAxisAlignment: MainAxisAlignment.center,children: [// Add Photo From Gallery ButtonContainer(decoration: BoxDecoration(borderRadius: BorderRadius.circular(50),color: Colors.red.shade400),child: IconButton(onPressed: () => pickImage(ImageSource.gallery),icon: const Icon(Icons.add_photo_alternate_rounded,color: Colors.white,size: 30.0,),),),const SizedBox(width: 20.0),// Add Photo From CameraContainer(decoration: BoxDecoration(borderRadius: BorderRadius.circular(50.0),color: Colors.red.shade400),child: IconButton(onPressed: () => pickImage(ImageSource.camera),icon: const Icon(Icons.add_a_photo_outlined,color: Colors.white,size: 30.0,),),),const SizedBox(width: 20.0),// Add Icon from Icons ListContainer(decoration: BoxDecoration(borderRadius: BorderRadius.circular(50.0),color: Colors.red.shade400),child: IconButton(onPressed: () => Navigator.of(context).push(MaterialPageRoute(builder: (context) => const ChooseIconPage(),),),icon: const Icon(Icons.apps,color: Colors.white,size: 30.0,),),),],),],),),// Event Title HeaderRow(children: [Text('Event Name',style: GoogleFonts.poppins(fontSize: 16,fontWeight: FontWeight.w600,color: Colors.red.shade400),),],),// Event Name Text FieldTextField(controller: eventNameController,decoration: InputDecoration(hintText: "Enter Event Name",hintStyle: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),style: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),const SizedBox(height: 25.0),// Event Date HeaderText('Date',style: GoogleFonts.poppins(fontSize: 16,fontWeight: FontWeight.w600,color: Colors.red.shade400),),// Event DateTextField(controller: eventDateController,decoration: InputDecoration(hintText: "Enter Date",hintStyle: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),style: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),const SizedBox(height: 25.0),// Event Time HeaderText('Time',style: GoogleFonts.poppins(fontSize: 16,fontWeight: FontWeight.w600,color: Colors.red.shade400),),// Event TimeTextField(controller: eventTimeController,decoration: InputDecoration(hintText: "Enter Time",hintStyle: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),style: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),const SizedBox(height: 25.0),// Event Location HeaderText('Location',style: GoogleFonts.poppins(fontSize: 16,fontWeight: FontWeight.w600,color: Colors.red.shade400),),// Event LocationTextField(controller: eventLocationController,decoration: InputDecoration(hintText: "Enter Location",hintStyle: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),style: GoogleFonts.poppins(fontSize: 18, fontWeight: FontWeight.w500),),const SizedBox(height: 50.0),// Add Event ButtonColumn(children: [Center(child: Container(width: 150,decoration: BoxDecoration(borderRadius: BorderRadius.circular(50.0),color: Colors.red.shade400),child: MaterialButton(shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(50.0),),),minWidth: 150.0,height: 50.0,onPressed: saveNewEvent,child: Row(mainAxisAlignment: MainAxisAlignment.center,children: [Text('Add',style: GoogleFonts.poppins(fontSize: 18,fontWeight: FontWeight.w600,color: Colors.white),),],),),),),const SizedBox(height: 25.0),],),],),),);}}
即将到来的事件平铺（我希望图像显示在此平铺上）
import 'package:flutter/material.dart';import 'package:google_fonts/google_fonts.dart';import '../models/upcoming_event_model.dart';class UpcomingEventTile extends StatelessWidget {final UpcomingEvent upcomingEvents;void Function()? onTap;UpcomingEventTile({super.key, required this.upcomingEvents, this.onTap});@overrideWidget build(BuildContext context) {return Column(children: [GestureDetector(onTap: onTap,child: Container(padding: const EdgeInsets.only(top: 20.0, bottom: 20.0),width: 400,decoration: BoxDecoration(color: Colors.grey.shade100,borderRadius: BorderRadius.circular(15.0),),child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [// Icon & Description ColumnPadding(padding: const EdgeInsets.only(left: 20.0),child: Column(children: [/////// USER SELECTED IMAGE HERERow(children: [const SizedBox(width: 20),// Event DescriptionColumn(crossAxisAlignment: CrossAxisAlignment.start,children: [Text(upcomingEvents.upcomingEventName,style: GoogleFonts.poppins(fontSize: 15, fontWeight: FontWeight.w600),),const SizedBox(height: 5.0,),Text(upcomingEvents.upcomingEventDate,style: GoogleFonts.poppins(fontSize: 13,fontWeight: FontWeight.w600,color: Colors.red.shade400),),Text(upcomingEvents.upcomingEventLocation,style: GoogleFonts.poppins(fontSize: 13,fontWeight: FontWeight.w600,color: Colors.grey.shade600),),],),],),],),),// Arrow IconColumn(children: [Padding(padding: const EdgeInsets.only(right: 20.0),child: Icon(Icons.keyboard_arrow_right_rounded,size: 35, color: Colors.red.shade400),),],),],),),),],);}}
主页（即将到来的活动图在本页检索）：
import 'dart:io';import 'package:evnt_app/models/upcoming_event_model.dart';import 'package:evnt_app/pages/individual_past_event_page.dart';import 'package:evnt_app/pages/individual_upcoming_event_page.dart';import 'package:evnt_app/tiles/past_event_tile.dart';import 'package:evnt_app/tiles/upcoming_event_tile.dart';import 'package:flutter/material.dart';import 'package:google_fonts/google_fonts.dart';import 'package:provider/provider.dart';import '../data/evnt_data.dart';import '../models/past_event_model.dart';class HomePage extends StatefulWidget {const HomePage({super.key});@overrideState<HomePage> createState() => _HomePageState();}class _HomePageState extends State<HomePage> {@overrideWidget build(BuildContext context) {// Curved Main Tilereturn Consumer<EvntData>(builder: (context, value, child) => Scaffold(backgroundColor: Colors.grey.shade300,body: Column(children: [Container(margin: const EdgeInsets.only(top: 100),height: 612,decoration: const BoxDecoration(color: Colors.white,borderRadius: BorderRadius.only(topLeft: Radius.circular(50.0),topRight: Radius.circular(50.0),),),child: Padding(padding: const EdgeInsets.only(top: 20.0),child: Column(children: [//////////////////////////////// PAST EVENTS SECTION ////////////////////////////////Row(crossAxisAlignment: CrossAxisAlignment.start,mainAxisAlignment: MainAxisAlignment.center,children: [// HeaderText('Past Events',style: GoogleFonts.poppins(fontSize: 20, fontWeight: FontWeight.bold),),],),// Past Events Icons ListContainer(height: 175,child: Expanded(child: ListView.builder(scrollDirection: Axis.horizontal,itemCount: value.pastEvents.length,itemBuilder: (context, index) {PastEvent individualPastEvent =value.pastEvents[index];return Padding(padding: const EdgeInsets.only(bottom: 10),child: PastEventTile(pastEvents: individualPastEvent,onTap: () {Navigator.of(context).push(MaterialPageRoute(builder: (context) =>IndividualPastEventPage(pastEvents: individualPastEvent,),),);},),);},),),),//////////////////////////////// UPCOMING EVENTS SECTION ////////////////////////////////Column(children: [// HeaderRow(mainAxisAlignment: MainAxisAlignment.center,children: [Padding(padding: const EdgeInsets.all(10.0),child: Text('Upcoming Events',style: GoogleFonts.poppins(fontSize: 20,fontWeight: FontWeight.bold,color: Colors.red.shade400),),)],),const SizedBox(height: 10.0),// Upcoming Events Icons ListContainer(height: 325,child: Expanded(child: ListView.builder(scrollDirection: Axis.vertical,itemCount: value.upcomingEvents.length,itemBuilder: (context, index) {UpcomingEvent individualUpcomingEvent =value.upcomingEvents[index];return Padding(padding: const EdgeInsets.only(bottom: 10),child: UpcomingEventTile(upcomingEvents: individualUpcomingEvent,onTap: () {Navigator.of(context).push(MaterialPageRoute(builder: (context) =>IndividualUpcomingEventPage(upcomingEvents:individualUpcomingEvent,),),);},),);},),),),],)],),),),],),),);}}
1条答案
按热度按时间qcuzuvrc1#
如果编写代码时不使用外部包，则可以使用
InheritedWidget。test.dart（使用InheritedWidget）
并将MyApp Widget（Root Widget）TestWidget Package 在main.dart中
main.dart
runApp(TestWidget(child: MyApp()));现在，您可以在新建事件页面中保存“图像路径”。
新建事件页
然后，转到UpcomingEventTile并使用它。
活动预告