You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.5 KiB
Dart
83 lines
2.5 KiB
Dart
import 'package:doctor_app_flutter/config/size_config.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/rounded_container_widget.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hexcolor/hexcolor.dart';
|
|
|
|
class CardWithBgWidget extends StatelessWidget {
|
|
String line1Text;
|
|
String line2Text;
|
|
String line3Text;
|
|
IconData icon;
|
|
double heightPercentage;
|
|
double widthPercentage;
|
|
CardWithBgWidget(
|
|
{this.line1Text = '',
|
|
this.line2Text = '',
|
|
this.line3Text = '',
|
|
this.icon,
|
|
this.heightPercentage,
|
|
this.widthPercentage});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Stack(
|
|
children: <Widget>[
|
|
RoundedContainer(
|
|
child:Container(
|
|
height: SizeConfig.screenHeight * heightPercentage,
|
|
width: SizeConfig.screenWidth * widthPercentage,
|
|
),
|
|
raduis: 10,
|
|
backgroundColor: Hexcolor('#58434F'),
|
|
showBorder: true,
|
|
borderColor: Hexcolor('#707070'),
|
|
borderWidth: 0.5,
|
|
),
|
|
Positioned(
|
|
left: 10,
|
|
child: RoundedContainer(
|
|
child:Container(
|
|
padding: const EdgeInsets.all(15.0),
|
|
height: SizeConfig.screenHeight * heightPercentage,
|
|
width: SizeConfig.screenWidth * widthPercentage,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(line1Text, style: textStyle(2.5)),
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Text(line2Text, style: textStyle(2.5)),
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Row(
|
|
children: <Widget>[
|
|
Icon(icon),
|
|
Text(line3Text, style: textStyle(2.5))
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
elevation: 0,
|
|
// raduis: 0,
|
|
showBorder: true,
|
|
borderColor: Hexcolor('#707070'),
|
|
customCornerRaduis: true,
|
|
bottomLeft: 0,
|
|
topLeft: 0,
|
|
bottomRight: 10,
|
|
topRight: 10,
|
|
borderWidth: 0.5),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
TextStyle textStyle(size, [FontWeight weight]) {
|
|
return TextStyle(
|
|
fontSize: size * SizeConfig.textMultiplier, fontWeight: weight);
|
|
}
|
|
}
|