You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

186 lines
6.1 KiB

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:akuCommunity/base/assets_image.dart';
import 'package:akuCommunity/utils/screenutil.dart';
class PropertyCard extends StatelessWidget {
PropertyCard({Key key}) : super(key: key);
List<Map<String, dynamic>> _listCard = [
{
'title': '语音管家',
'subtitle': '随时随地帮你下单',
'image': AssetsImage.PROPERTY,
'coloList': [Color(0xff33dfe4), Color(0xff00ccf3)],
'shapeColoList': [Color(0xff04ddf2), Color(0xff339a8f)]
},
{
'title': '电话物业',
'subtitle': '24小时在线',
'image': AssetsImage.PROPERTY,
'coloList': [Color(0xff42ceff), Color(0xff198cfb)],
'shapeColoList': [Color(0xff42ceff), Color(0xff0b69c4)]
}
];
Future<void> _phoneCall(String url) async {
if (await canLaunch(url)) {
await launch(url);
} else {
throw 'Could not launch $url';
}
}
void _showDialog(BuildContext context, String url) {
showCupertinoDialog(
context: context,
builder: (context) {
return CupertinoAlertDialog(
title: Text(
url,
style: TextStyle(
fontSize: Screenutil.size(34),
color: Color(0xff030303),
),
),
actions: <Widget>[
CupertinoDialogAction(
child: Text(
'取消',
style: TextStyle(
fontSize: Screenutil.size(34),
color: Color(0xff333333),
),
),
onPressed: () {
Navigator.of(context).pop();
},
),
CupertinoDialogAction(
child: Text(
'呼叫',
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: Screenutil.size(34),
color: Color(0xffff8200),
),
),
onPressed: () {
_phoneCall('tel:${url}');
Navigator.pop(context);
},
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.symmetric(
horizontal: Screenutil.length(32),
vertical: Screenutil.length(20),
),
child: GridView.builder(
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
itemCount: _listCard.length,
itemBuilder: (BuildContext context, int index) {
return InkWell(
onTap: () {
switch (_listCard[index]['title']) {
case '电话物业':
_showDialog(context, '0574-88467897');
break;
case '语音管家':
break;
default:
}
},
child: Container(
padding: EdgeInsets.symmetric(
horizontal: Screenutil.length(19),
vertical: Screenutil.length(36),
),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: _listCard[index]['coloList'],
),
borderRadius: BorderRadius.all(Radius.circular(8)),
boxShadow: <BoxShadow>[
BoxShadow(
color: Colors.grey.withOpacity(0.2),
offset: Offset(1.1, 1.1),
blurRadius: 10.0),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Container(
alignment: Alignment.center,
height: Screenutil.length(88),
width: Screenutil.length(88),
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: _listCard[index]['shapeColoList'],
),
boxShadow: <BoxShadow>[
BoxShadow(
color: Colors.grey.withOpacity(0.2),
offset: Offset(1.1, 1.1),
blurRadius: 10.0),
],
),
child: Image.asset(
_listCard[index]['image'],
fit: BoxFit.fill,
height: Screenutil.length(64),
width: Screenutil.length(77),
),
),
SizedBox(width: Screenutil.length(24)),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: Screenutil.length(5)),
Text(
_listCard[index]['title'],
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: Screenutil.size(32),
color: Color(0xffffffff),
),
),
SizedBox(height: Screenutil.length(4)),
Text(
_listCard[index]['subtitle'],
style: TextStyle(
fontSize: Screenutil.size(20),
color: Color(0xffffffff),
),
),
],
),
],
),
),
);
},
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
crossAxisSpacing: Screenutil.length(40),
childAspectRatio: Screenutil.length(323) / Screenutil.length(160)),
),
);
}
}