jtmuller5

class VideoControlOverlay extends ViewModelWidget<StackedVideoViewModel> {
  @override
  Widget build(BuildContext context, StackedVideoViewModel model) {
    return Container(
      height: model.thumbnailHeight,
      width: model.thumbnailWidth,
      child: Stack(
        children: <Widget>[
          AnimatedSwitcher(
            duration: Duration(milliseconds: 50),

jtmuller5

class VideoThumbnail extends ViewModelWidget<StackedVideoViewModel> {

  @override
  Widget build(BuildContext context, StackedVideoViewModel model) {
    return Builder(
      builder: (context) {
        // If we want to show the full video, we need to scale it to fit the longest side
        if (model.showFull) {
          bool wideVideo =
              model.videoPlayerController.value.size.width >

jtmuller5

class StackedVideoView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ViewModelBuilder<StackedVideoViewModel>.reactive(
      viewModelBuilder: () => StackedVideoViewModel(),
      onModelReady: (model) {
        model.initialize(
            'https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4');
      },
      builder: (context, model, child) {

jtmuller5

class StackedVideoView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ViewModelBuilder<StackedVideoViewModel>.reactive(
      viewModelBuilder: () => StackedVideoViewModel(),
      onModelReady: (model) {
        model.initialize('https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4');
      },
      builder: (context, model, child) {
        return Container(

jtmuller5

class StackedVideoViewModel extends BaseViewModel {

  VideoPlayerController videoPlayerController;

  void initialize(String videoUrl) {
    videoPlayerController = VideoPlayerController.network(videoUrl);
    videoPlayerController.initialize().then((value) {
      notifyListeners();
    });
  }

jtmuller5

         RichText(
              text: TextSpan(children: [
            TextSpan(text: "Forgot "),
            TextSpan(
                text: "Password?",
                style: TextStyle(
                    decoration: TextDecoration.underline,
                    decorationThickness: 2,
                    decorationStyle: TextDecorationStyle.wavy))
          ], style: TextStyle(color: Colors.black)))

jtmuller5

        Text(
            "Forgot Password?",
            style: TextStyle(
              shadows: [
                Shadow(
                    color: Colors.red,
                    offset: Offset(0, -5))
              ],
              color: Colors.transparent,
              decoration:

jtmuller5

Container(
         padding: EdgeInsets.only(
           bottom: 5, // Space between underline and text
         ),
         decoration: BoxDecoration(
             border: Border(bottom: BorderSide(
             color: Colors.amber, 
             width: 1.0, // Underline thickness
            ))
          ),

jtmuller5

Text(
  "Forgot Password?",
  style: TextStyle(
    decoration: TextDecoration.underline,
    decorationColor: Colors.blue,
    decorationThickness: 4,
    decorationStyle: TextDecorationStyle.dashed,
   ),
)

jtmuller5

Text(
  "Forgot Password?",
   style: TextStyle(
   decoration: TextDecoration.underline,
  ),
)