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.
131 lines
5.1 KiB
Dart
131 lines
5.1 KiB
Dart
import 'package:car_customer_app/views/advertisement/ads_images_slider.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:mc_common_app/classes/consts.dart';
|
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
|
import 'package:mc_common_app/theme/colors.dart';
|
|
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
|
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
|
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
|
|
|
class AdsDetailView extends StatelessWidget {
|
|
const AdsDetailView({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: CustomAppBar(
|
|
backgroundColor: MyColors.backgroundColor,
|
|
title: "Ads",
|
|
profileImageUrl: MyAssets.bnCar,
|
|
isRemoveBackButton: false,
|
|
isDrawerEnabled: false,
|
|
),
|
|
body: Container(
|
|
padding: const EdgeInsets.only(bottom: 10, left: 21, right: 21),
|
|
child: Stack(
|
|
children: [
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
CarouselWithIndicatorDemo(),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
"Toyota Corolla | Silver".toText(fontSize: 18, isBold: true),
|
|
"Jeddah".toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
"Model: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
|
|
"2019".toText(
|
|
fontSize: 14,
|
|
isBold: true,
|
|
),
|
|
],
|
|
),
|
|
"Saudi Arabia".toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
"Mileage: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
|
|
"10928Km".toText(
|
|
fontSize: 14,
|
|
isBold: true,
|
|
),
|
|
],
|
|
),
|
|
"5 Hours ago".toText(fontSize: 10, isBold: true, color: MyColors.lightTextColor),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
"Transmission: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
|
|
"Automatic".toText(
|
|
fontSize: 14,
|
|
isBold: true,
|
|
),
|
|
],
|
|
),
|
|
8.height,
|
|
"Description: ".toText(fontSize: 14, isBold: true, color: MyColors.lightTextColor),
|
|
"No Issue in the car. All parts are genuine with no major accident. ".toText(
|
|
fontSize: 14,
|
|
isBold: true,
|
|
),
|
|
],
|
|
).toWhiteContainer(width: double.infinity, allPading: 12),
|
|
Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: Container(
|
|
height: 150,
|
|
child: Column(
|
|
children: [
|
|
Divider(thickness: 1, height: 1),
|
|
18.height,
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
"35,000".toText(fontSize: 30, isBold: true),
|
|
"SAR".toText(fontSize: 15, isBold: true, color: MyColors.lightTextColor),
|
|
],
|
|
),
|
|
14.height,
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ShowFillButton(
|
|
maxHeight: 55,
|
|
title: "Reserve Ad",
|
|
onPressed: () {},
|
|
),
|
|
),
|
|
12.width,
|
|
Container(
|
|
height: 55,
|
|
width: 55,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(border: Border.all(color: MyColors.black, width: 3)),
|
|
child: Icon(Icons.phone, color: MyColors.black),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|