style block for design
Widget _buildAddMain(){
return Stack(
children: [
Container(
height: 80.0,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: Colors.white ,
width: 1.0 ,
),
borderRadius: BorderRadius.circular(5),
),
margin: const EdgeInsets.only(top: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
padding: EdgeInsets.only(top:10,left: 10),
child: Row(
children: <Widget>[
Container(
padding: EdgeInsets.only(top:10,left: 10),
//color: Colors.red,
width: 50,
child: Text(
'2\$',
maxLines: 4,
overflow: TextOverflow.ellipsis,
style: TextStyle(color: Color(0xFF8A0405),fontSize: 16, fontWeight: FontWeight.w700),
),
),
SizedBox(width: 30,),
Container(
margin: EdgeInsets.only(right: 10),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: 3,),
Text('block Name',style: TextStyle(color: Colors.black,fontSize: 15, fontWeight: FontWeight.normal)),
SizedBox(height: 18,),
Text('06/29/2015 - 05:50 AM',style: TextStyle(color: Colors.black,fontSize: 12, fontWeight: FontWeight.normal)),
],
),
),
],
),
)
],
),
),
Container(
margin: EdgeInsets.only(bottom: 5),
height: 100.0, width: MediaQuery.of(context).size.width,),
///start borderRadius border top
Positioned(
left: 60,
top: 10,
child: Container(
width: 20,height: 20,
decoration: BoxDecoration(
color: Color(0xFFF2F2F2),
border: Border.all(
color: Color(0xFFF2F2F2),
width: 1.0 ,
),
borderRadius: BorderRadius.circular(50),
),
)
),
Positioned(
left: 60,
top: 0,
child: Container(
width: 20,height: 20,
decoration: BoxDecoration(
color: Color(0xFFF2F2F2),
border: Border.all(
color: Color(0xFFF2F2F2),
width: 1.0 ,
),
borderRadius: BorderRadius.circular(0),
),
)
),
///end borderRadius border top
///start border dash
Positioned(
left: 60,
top: 36,
child: Container(
width: 20,height: 52,
child: SizedBox(
height: 20.0,
child: DashedLineConnector(color: Color(0xFFE9E9E9)
),
),)
),
///end border dash
///start borderRadius border bottom
Positioned(
left: 60,
top: 90,
child: Container(
width: 20,height: 20,
decoration: BoxDecoration(
color: Color(0xFFF2F2F2),
border: Border.all(
color: Color(0xFFF2F2F2),
width: 1.0 ,
),
borderRadius: BorderRadius.circular(50),
),
)
),
Positioned(
left: 60,
top: 100,
child: Container(
width: 20,height: 20,
decoration: BoxDecoration(
color: Color(0xFFF2F2F2),
border: Border.all(
color: Color(0xFFF2F2F2),
width: 1.0 ,
),
borderRadius: BorderRadius.circular(0),
),
)
),
///end borderRadius border bottom
],
);
}
Comments
Post a Comment