ClipRRect Widget in Flutter

In ClipRRect Widget R means Rounded.

 

Properties

 

  • children
  • runtimelype
  • clipBehaviour
  • clipper
  • borderRadius

 

Example:

 

import 'package:flutter/material.dart';


void main() => DemoApp();


class DemoApp extends StatefulWidget {

  @override

  State<StatefulWidget> createState() {

    return DemoAppState();

  }

}


class DemoAppState extends State<DemoApp> {

  int index = 0;

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      home: Scaffold(

        appBar: AppBar(

          title: const Text("Demo App"),

        ),

        body: Center(

          child: ClipRRect(

            borderRadius: BorderRadius.circular(50),

            child: Align(

              alignment: Alignment.center,

              heightFactor: 0.7,

              widthFactor: 0.7,

              child: Image.network(

                "https://cdn.pixabay.com/photo/2014/09/19/12/30/pencils-452238",

              ),

            ),

          ),

        ),

      ),

    );

  }

}


Video Link:

Post a Comment (0)
Previous Post Next Post