kicap/currency-exchange
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

decorate input tukaran page

Browse Source
This commit is contained in:
kicap
2023-08-18 02:07:04 +08:00
parent 3b437c4f82
commit 7a66245b7e
7 changed files with 262 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -45,4 +45,6 @@ app.*.map.json
# .env file
.env
.gitignore

2
lib/ui/views/app_index_tracking/app_index_tracking_view.dart
View File

@ -1,10 +1,10 @@
import 'package:curreny_exchange/app/app.router.dart';
import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart';
import 'package:stylish_bottom_bar/model/bar_items.dart';
import 'package:stylish_bottom_bar/stylish_bottom_bar.dart';
import '../../../app/app.router.dart';
import '../../../app/themes/app_colors.dart';
import '../../../app/themes/app_text.dart';
import './app_index_tracking_view_model.dart';

127
lib/ui/views/app_index_tracking/custom_currency/custom_currency_view.dart
View File

@ -59,6 +59,97 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
@override
Widget build(BuildContext context, CustomCurrencyViewModel viewModel) {
return Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(
height: 15,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
border: Border.all(
color: Colors.grey,
width: 2,
),
boxShadow: const [
BoxShadow(
color: Colors.grey,
spreadRadius: 2,
blurRadius: 5,
offset: Offset(0, 3), // changes position of shadow
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(100),
child: Image.asset(
'assets/flags/${viewModel.currencyInfoModel!.alphabeticCode!.toLowerCase()}.png',
width: 100,
height: 100,
fit: BoxFit.cover,
errorBuilder: (context, error, stackTrace) {
return const Icon(Icons.error);
},
),
),
),
const SizedBox(
width: 10,
),
const Icon(
Icons.arrow_forward,
size: 30,
),
const SizedBox(
width: 10,
),
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
border: Border.all(
color: Colors.grey,
width: 2,
),
boxShadow: const [
BoxShadow(
color: Colors.grey,
spreadRadius: 2,
blurRadius: 5,
offset: Offset(0, 3), // changes position of shadow
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(100),
child: Image.asset(
'assets/flags/${viewModel.konversiInfoModel!.alphabeticCode!.toLowerCase()}.png',
width: 100,
height: 100,
fit: BoxFit.cover,
errorBuilder: (context, error, stackTrace) {
return const Icon(Icons.error);
},
),
),
),
],
),
const SizedBox(
height: 20,
),
Card(
elevation: 5,
child: Padding(
padding: const EdgeInsets.all(10),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@ -69,16 +160,18 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
children: [
TextSpan(
text: viewModel.otherFunction.timeStampConverter(
viewModel.conversionResultModel!.timeLastUpdateUnix!),
viewModel
.conversionResultModel!.timeLastUpdateUnix!),
style: boldTextStyle.copyWith(
color: greenColor,
fontSize: 12,
),
),
],
),
),
const SizedBox(
height: 10,
height: 15,
),
RichText(
text: TextSpan(
@ -87,16 +180,18 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
children: [
TextSpan(
text: viewModel.otherFunction.timeStampConverter(
viewModel.conversionResultModel!.timeNextUpdateUnix!),
viewModel
.conversionResultModel!.timeNextUpdateUnix!),
style: boldTextStyle.copyWith(
color: mainColor,
fontSize: 12,
),
),
],
),
),
const SizedBox(
height: 10,
height: 15,
),
Row(
children: [
@ -130,7 +225,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
],
),
const SizedBox(
height: 10,
height: 15,
),
RichText(
text: TextSpan(
@ -148,7 +243,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
),
),
const SizedBox(
height: 10,
height: 15,
),
RichText(
text: TextSpan(
@ -156,7 +251,8 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
style: regularTextStyle,
children: [
TextSpan(
text: '1 ${viewModel.currencyInfoModel!.alphabeticCode}',
text:
'1 ${viewModel.currencyInfoModel!.alphabeticCode}',
style: boldTextStyle.copyWith(
color: redColor,
),
@ -176,7 +272,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
),
),
const SizedBox(
height: 10,
height: 15,
),
Row(
children: [
@ -210,7 +306,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
],
),
const SizedBox(
height: 10,
height: 15,
),
RichText(
text: TextSpan(
@ -228,6 +324,19 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
),
),
],
),
),
),
const SizedBox(
height: 15,
),
const Center(
child: Text(
'Sila Klik Icon Untuk\nKonversi Tukaran Mata Uang',
textAlign: TextAlign.center,
),
),
],
);
}
}

4
lib/ui/views/app_index_tracking/custom_currency/konversi_dialog/konversi_dialog_view.dart
View File

@ -1,9 +1,9 @@
import 'package:curreny_exchange/app/themes/app_colors.dart';
import 'package:curreny_exchange/ui/widgets/my_textformfield.dart';
import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart';
import '../../../../../app/themes/app_colors.dart';
import '../../../../widgets/my_textformfield.dart';
import './konversi_dialog_view_model.dart';
class KonversiDialogView extends StatelessWidget {

2
lib/ui/views/app_index_tracking/custom_currency/konversi_dialog/pilih_negara_bottom_sheet/pilih_negara_bottom_sheet_view.dart
View File

@ -1,8 +1,8 @@
import 'package:curreny_exchange/app/themes/app_colors.dart';
import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart';
import '../../../../../../app/themes/app_colors.dart';
import '../../../../../../app/themes/app_text.dart';
import './pilih_negara_bottom_sheet_view_model.dart';

4
lib/ui/views/app_index_tracking/today_currency/today_currency_view.dart
View File

@ -1,8 +1,8 @@
import 'package:curreny_exchange/app/themes/app_colors.dart';
import 'package:curreny_exchange/app/themes/app_text.dart';
import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart';
import '../../../../app/themes/app_colors.dart';
import '../../../../app/themes/app_text.dart';
import './today_currency_view_model.dart';
class TodayCurrencyView extends StatelessWidget {

2
lib/ui/views/splash_screen/splash_screen_view.dart
View File

@ -1,7 +1,7 @@
import 'package:curreny_exchange/app/themes/app_text.dart';
import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart';
import '../../../app/themes/app_text.dart';
import './splash_screen_view_model.dart';
class SplashScreenView extends StatelessWidget {