import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'ShaderMask Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ShaderMask Demo'),
      ),
      body: CircularBorderImageDemo(),
    );
  }
}

class CircularBorderImageDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(200),
            border: Border.all(color: Colors.indigoAccent, width: 8),
            boxShadow: [
              BoxShadow(
                  color: Color(0x332222CC),
                  blurRadius: 6,
                  spreadRadius: 6,
                  offset: Offset.fromDirection(0, 0)),
            ]),
        child: ClipRRect(
          borderRadius: BorderRadius.circular(400),
          child: Image.network(
            "https://pbs.twimg.com/profile_images/1057989852942270464/bt45DHmR.jpg",
            height: 200,
            width: 200,
            fit: BoxFit.cover,
          ),
        ),
      ),
    );
  }
}