This is how an example on how I implement your function import 'dart:async'; import 'dart:io'; import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:image_picker/image_picker.dart'; import 'package:multi_image_picker/multi_image_picker.dart'; import 'package:partner/generated/app_localizations.dart'; import 'package:partner/model/general_agent.dart'; import 'package:partner/ui/general_motor_calculator/bloc/bloc.dart'; import 'package:partner/ui/general_motor_calculator/bloc/motor_privatecar_bloc.dart'; import 'package:partner/ui/general_motor_calculator/bloc/motor_privatecar_state.dart'; import 'package:partner/ui/widget/widget.dart'; import 'package:partner/util/application/app_navigation.dart'; import 'package:partner/util/colors.dart'; import 'package:partner/util/font.dart'; import 'package:partner/ui/general_motor_calculator/motor_private_car_review.dart'; import 'package:video_player/video_player.dart'; class MotorPrivateCarImageUploader extends StatefulWidget { // final MotorPrivateCarState privateCarState; final MotorPrivatecarBloc privatecarBloc; const MotorPrivateCarImageUploader({ Key key, this.privatecarBloc, // this.privateCarState, }) : super(key: key); @override _MotorPrivateCarImageUploaderState createState() => _MotorPrivateCarImageUploaderState(); } class _MotorPrivateCarImageUploaderState extends State { final _appLocalization = AppLocalizations(); List images = []; Future byteData; Future metadata; File videoFile; VideoPlayerController _videoPlayerController; //this function is to get video from file _pickVideo() async { PickedFile pickedFile = await ImagePicker().getVideo(source: ImageSource.gallery); File _videoFile = File(pickedFile.path); String filePath = pickedFile.path; if (filePath.indexOf('file://') == 0) filePath = filePath.split('file://')[1]; _videoFile = File(filePath); videoFile = _videoFile; _videoPlayerController = VideoPlayerController.file(videoFile); await _videoPlayerController.initialize().then((_) { setState(() { _videoPlayerController.play(); }); }); Navigator.of(context).pop(); print(_videoPlayerController.value.duration); print(_videoPlayerController.value.size); print(videoFile); } @override void initState() { super.initState(); } @override void dispose() { _videoPlayerController.dispose(); super.dispose(); } Future loadAssets() async { List resultList = []; String error = 'No Error Dectected'; try { ///This is the fucntion to capture image using gallery/camera resultList = await MultiImagePicker.pickImages( maxImages: 5, enableCamera: true, selectedAssets: images, cupertinoOptions: CupertinoOptions(takePhotoIcon: 'chat'), materialOptions: MaterialOptions( actionBarColor: '#febe03', actionBarTitle: 'Gallery', allViewTitle: 'All Photos', useDetailsView: false, selectCircleStrokeColor: '#000000', ), ); } on Exception catch (e) { error = e.toString(); } if (!mounted) return; // this is to set the state of the image after pick setState(() { images = resultList; }); Navigator.of(context).pop(); } Widget buildGridView() => GridView.count( crossAxisCount: 3, children: List.generate(images.length, (index) { Asset asset = images[index]; byteData = asset.getByteData(); return Stack( children: [ AssetThumb( asset: asset, width: 300, height: 300, ), Positioned( top: 0, right: 0, child: GestureDetector( onTap: () { setState(() { images.removeAt(index); }); }, child: Icon( Icons.delete, color: Colors.red, ), ), ), ], ); }), ); @override Widget build(BuildContext context) => BlocBuilder( bloc: widget.privatecarBloc, builder: (context, MotorPrivateCarState state) => GestureDetector( onTap: () { FocusScope.of(context).requestFocus(new FocusNode()); }, child: SafeArea( bottom: true, child: Scaffold( bottomNavigationBar: DefaultRaisedButtonV2( color: GeneralAgent.instance.bizcareColor, text: 'Continue', onClick: () => _onTapContinueButton(context, widget.privatecarBloc), ), appBar: new AppBar( centerTitle: false, title: Text( 'Image of Vehicle', style: medium( 18, color: Colors.black, ), ), leading: IconButton( onPressed: () { _onPressedBack(context); }, icon: Icon( Icons.arrow_back_ios, color: Colors.black, ), ), ), body: Column( children: [ Container( padding: EdgeInsets.all(5), child: Column( children: [ Center( child: Text( 'Provide latest vehicle photographs of \n 4-angle view (front/ sides / rear)', style: bold(22, color: Colors.black), ), ), Spacing(15), Row( children: [ Expanded( child: Container( padding: EdgeInsets.all(5), alignment: Alignment.centerLeft, child: Text( ' Images/Videos: ', style: bold(22, color: Colors.black), ), ), ), Spacing(15), FlatButton( padding: EdgeInsets.all(10), shape: RoundedRectangleBorder( side: BorderSide(color: lightGray), borderRadius: BorderRadius.circular(10), ), child: Text('Select Image(s)/Video', style: TextStyle( color: GeneralAgent .instance.bizcareTextColor)), color: GeneralAgent.instance.bizcareColor, onPressed: () { _onPressedCamera(context); }, ), ], ), ], )), Column( children: [ if (videoFile != null) _videoPlayerController.value.initialized ? AspectRatio( aspectRatio: 16 / 9, child: VideoPlayer(_videoPlayerController), ) : Container() // Visibility( // visible: _videoPlayerController != null, // child: FutureBuilder( // future: _initializeVideoPlayerFuture, // builder: (context, snapshot) { // if (snapshot.connectionState == // ConnectionState.done) { // return AspectRatio( // aspectRatio: 16 / 9, // child: VideoPlayer(_videoPlayerController), // ); // } else { // return Center( // child: CircularProgressIndicator()); // } // }), // ), ], ), Expanded( child: buildGridView(), ), ], ), floatingActionButton: _videoPlayerController == null ? null : FloatingActionButton( onPressed: () { setState(() { if (_videoPlayerController.value.isPlaying) { _videoPlayerController.pause(); } else { _videoPlayerController.play(); } }); }, child: Icon(_videoPlayerController.value.isPlaying ? Icons.pause : Icons.play_arrow), ), ), ), ), ); void _onPressedBack(BuildContext context) { showDialog( context: context, builder: (context) => SmileDialog( title: _appLocalization.confirm_action, subtitle: _appLocalization.do_you_want_to_go_back_your_entry_will_not, actions: [ SmileAction( _appLocalization.no, () => Navigator.of(context).pop()), SmileAction( _appLocalization.yes, () => Navigator.popUntil(context, ModalRoute.withName('MotorPrivateCarContent'))), ], )); } void _onPressedCamera(BuildContext context) async { await showModalBottomSheet( context: context, builder: (_) => SafeArea( child: Column( mainAxisSize: MainAxisSize.min, children: [ ListTile( onTap: loadAssets, title: Text('Get Image From Gallery'), trailing: nextIcon(), ), HorizontalLine(), ListTile( onTap: _pickVideo, title: Text('Get Video From Gallery'), trailing: nextIcon(), ), ], ), )); } void _onTapContinueButton( BuildContext context, MotorPrivatecarBloc privatecarBloc) { navigate(context, 'MotorPrivateCarReview', screen: MotorPrivateCarReview( privatecarBloc: privatecarBloc, videoFile: videoFile, images: images, )); } }

Image Picker is active and null causes the function to not run the 2nd time #529

Company

Community

Support

Connect