Flutter Widget | 07 | RotatedBox

Here is the video tutorial

Code

 main.dart

import 'package:flutter/material.dart';

import 'package:rotated_box/images.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

debugShowCheckedModeBanner: false,

title: 'Flutter Demo',

theme: ThemeData(

primaryColor: Color(0xFF832685),

primaryColorLight: Color(0xFFC81379),

accentColor: Colors.black,

),

home: MyHomePage(),

);

}

}

class MyHomePage extends StatefulWidget {

@override

_MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State<MyHomePage> {

String title = 'Rotated Box';

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text(title),

centerTitle: true,

),

body: Center(

child: RotatedBox(

quarterTurns: 3,

child: ClipPath(

child: Image(

image: AssetImage(captainAmerica),

height: 200.0,

width: 150.0,

fit: BoxFit.cover,

),

),

),

));

}

}

 images.dart

const String captainAmerica = "assets/images/captainAmerica.jpg";