Creating Dynamic aspect ratio as user changes it

import 'package:chewie/chewie.dart';
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';

class ChewieListItem extends StatefulWidget {
// This will contain the URL/asset path which we want to play
final VideoPlayerController videoPlayerController;
final bool looping;
final double ratio;

ChewieListItem({
@required this.videoPlayerController,
this.looping,
this.ratio,
Key key,
}) : super(key: key);

@override
_ChewieListItemState createState() => _ChewieListItemState();
}

class _ChewieListItemState extends State {
ChewieController _chewieController;
double ratio;

@override
void setState(fn) {
ratio = widget.ratio;
super.setState(fn);
}

@override
void initState() {
super.initState();
// Wrapper on top of the videoPlayerController
_chewieController = ChewieController(
videoPlayerController: widget.videoPlayerController,
aspectRatio: ratio,
// Prepare the video to be played and display the first frame
autoInitialize: true,
looping: widget.looping,
// Errors can occur for example when trying to play a video
// from a non-existent URL
errorBuilder: (context, errorMessage) {
return Center(
child: Text(
errorMessage,
style: TextStyle(color: Colors.white),
),
);
},
);
}

@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.all(8.0),
child: Chewie(
controller: _chewieController,
),
);
}

@override
void dispose() {
super.dispose();
// IMPORTANT to dispose of all the used resources

widget.videoPlayerController.dispose();
_chewieController.dispose();
}
}