Created
August 4, 2018 07:43
-
-
Save IshanFx/d976bd4974511cb18c1b3b39a57c3ffe to your computer and use it in GitHub Desktop.
Flutter circle view
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class CircleWidgets extends State<CircleImages>{ | |
@override | |
Widget build(BuildContext context) { | |
List<Widget> widgets = []; | |
for(var x = 0 ; x < 10 ; x++){ | |
widgets.add(Container( | |
height: 60.0, | |
width: 60.0, | |
margin: EdgeInsets.all( | |
6.0 | |
), | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(100.0), | |
boxShadow:[ | |
new BoxShadow( | |
color: Color.fromARGB(100, 0, 0, 0), | |
blurRadius: 5.0, | |
offset: Offset(5.0, 5.0) | |
) | |
], | |
border: Border.all( | |
width: 2.0, | |
style:BorderStyle.solid , | |
color: Color.fromARGB(255, 0 , 0, 0) | |
), | |
image: DecorationImage( | |
fit: BoxFit.cover, | |
image: NetworkImage("https://cdn.dribbble.com/users/1368/screenshots/1785863/icons_2x.png") | |
) | |
) | |
) | |
); | |
} | |
return Container( | |
height: 80.0, | |
child: ListView( | |
scrollDirection: Axis.horizontal, | |
padding: EdgeInsets.all(5.0), | |
children: widgets | |
) | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment