mirror of
https://github.com/cake-tech/cake_wallet.git
synced 2025-01-03 09:29:48 +00:00
CAKE-54 | added usdt erc20 to cryptocurrencies list; added usdt erc20 to currency picker; added usdt erc20 logo to contact list page; added address validator for usdt erc20; reworked currency picker
This commit is contained in:
parent
360e04cc4c
commit
dfb3112fd2
5 changed files with 121 additions and 49 deletions
BIN
assets/images/usdterc.png
Normal file
BIN
assets/images/usdterc.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 68 KiB |
|
@ -38,6 +38,8 @@ class AddressValidator extends TextValidator {
|
||||||
return '[0-9a-zA-Z]';
|
return '[0-9a-zA-Z]';
|
||||||
case CryptoCurrency.usdt:
|
case CryptoCurrency.usdt:
|
||||||
return '[0-9a-zA-Z]';
|
return '[0-9a-zA-Z]';
|
||||||
|
case CryptoCurrency.usdterc20:
|
||||||
|
return '[0-9a-zA-Z]';
|
||||||
case CryptoCurrency.xlm:
|
case CryptoCurrency.xlm:
|
||||||
return '[0-9a-zA-Z]';
|
return '[0-9a-zA-Z]';
|
||||||
case CryptoCurrency.xrp:
|
case CryptoCurrency.xrp:
|
||||||
|
@ -75,6 +77,8 @@ class AddressValidator extends TextValidator {
|
||||||
return [34];
|
return [34];
|
||||||
case CryptoCurrency.usdt:
|
case CryptoCurrency.usdt:
|
||||||
return [42];
|
return [42];
|
||||||
|
case CryptoCurrency.usdterc20:
|
||||||
|
return [42];
|
||||||
case CryptoCurrency.xlm:
|
case CryptoCurrency.xlm:
|
||||||
return [56];
|
return [56];
|
||||||
case CryptoCurrency.xrp:
|
case CryptoCurrency.xrp:
|
||||||
|
|
|
@ -22,6 +22,7 @@ class CryptoCurrency extends EnumerableItem<int> with Serializable<int> {
|
||||||
CryptoCurrency.nano,
|
CryptoCurrency.nano,
|
||||||
CryptoCurrency.trx,
|
CryptoCurrency.trx,
|
||||||
CryptoCurrency.usdt,
|
CryptoCurrency.usdt,
|
||||||
|
CryptoCurrency.usdterc20,
|
||||||
CryptoCurrency.xlm,
|
CryptoCurrency.xlm,
|
||||||
CryptoCurrency.xrp
|
CryptoCurrency.xrp
|
||||||
];
|
];
|
||||||
|
@ -38,8 +39,9 @@ class CryptoCurrency extends EnumerableItem<int> with Serializable<int> {
|
||||||
static const nano = CryptoCurrency(title: 'NANO', raw: 10);
|
static const nano = CryptoCurrency(title: 'NANO', raw: 10);
|
||||||
static const trx = CryptoCurrency(title: 'TRX', raw: 11);
|
static const trx = CryptoCurrency(title: 'TRX', raw: 11);
|
||||||
static const usdt = CryptoCurrency(title: 'USDT', raw: 12);
|
static const usdt = CryptoCurrency(title: 'USDT', raw: 12);
|
||||||
static const xlm = CryptoCurrency(title: 'XLM', raw: 13);
|
static const usdterc20 = CryptoCurrency(title: 'USDTERC20', raw: 13);
|
||||||
static const xrp = CryptoCurrency(title: 'XRP', raw: 14);
|
static const xlm = CryptoCurrency(title: 'XLM', raw: 14);
|
||||||
|
static const xrp = CryptoCurrency(title: 'XRP', raw: 15);
|
||||||
|
|
||||||
static CryptoCurrency deserialize({int raw}) {
|
static CryptoCurrency deserialize({int raw}) {
|
||||||
switch (raw) {
|
switch (raw) {
|
||||||
|
@ -70,8 +72,10 @@ class CryptoCurrency extends EnumerableItem<int> with Serializable<int> {
|
||||||
case 12:
|
case 12:
|
||||||
return CryptoCurrency.usdt;
|
return CryptoCurrency.usdt;
|
||||||
case 13:
|
case 13:
|
||||||
return CryptoCurrency.xlm;
|
return CryptoCurrency.usdterc20;
|
||||||
case 14:
|
case 14:
|
||||||
|
return CryptoCurrency.xlm;
|
||||||
|
case 15:
|
||||||
return CryptoCurrency.xrp;
|
return CryptoCurrency.xrp;
|
||||||
default:
|
default:
|
||||||
return null;
|
return null;
|
||||||
|
@ -106,6 +110,8 @@ class CryptoCurrency extends EnumerableItem<int> with Serializable<int> {
|
||||||
return CryptoCurrency.trx;
|
return CryptoCurrency.trx;
|
||||||
case 'usdt':
|
case 'usdt':
|
||||||
return CryptoCurrency.usdt;
|
return CryptoCurrency.usdt;
|
||||||
|
case 'usdterc20':
|
||||||
|
return CryptoCurrency.usdterc20;
|
||||||
case 'xlm':
|
case 'xlm':
|
||||||
return CryptoCurrency.xlm;
|
return CryptoCurrency.xlm;
|
||||||
case 'xrp':
|
case 'xrp':
|
||||||
|
|
|
@ -236,6 +236,9 @@ class ContactListPage extends BasePage {
|
||||||
case CryptoCurrency.usdt:
|
case CryptoCurrency.usdt:
|
||||||
image = Image.asset('assets/images/usdt.png', height: 24, width: 24);
|
image = Image.asset('assets/images/usdt.png', height: 24, width: 24);
|
||||||
break;
|
break;
|
||||||
|
case CryptoCurrency.usdterc20:
|
||||||
|
image = Image.asset('assets/images/usdterc.png', height: 24, width: 24);
|
||||||
|
break;
|
||||||
case CryptoCurrency.xlm:
|
case CryptoCurrency.xlm:
|
||||||
image = Image.asset('assets/images/xlm.png', height: 24, width: 24);
|
image = Image.asset('assets/images/xlm.png', height: 24, width: 24);
|
||||||
break;
|
break;
|
||||||
|
|
|
@ -5,8 +5,9 @@ import 'package:flutter/material.dart';
|
||||||
import 'package:cake_wallet/entities/crypto_currency.dart';
|
import 'package:cake_wallet/entities/crypto_currency.dart';
|
||||||
import 'package:cake_wallet/src/widgets/alert_background.dart';
|
import 'package:cake_wallet/src/widgets/alert_background.dart';
|
||||||
import 'package:cake_wallet/src/widgets/alert_close_button.dart';
|
import 'package:cake_wallet/src/widgets/alert_close_button.dart';
|
||||||
|
import 'package:cake_wallet/src/widgets/cake_scrollbar.dart';
|
||||||
|
|
||||||
class CurrencyPicker extends StatelessWidget {
|
class CurrencyPicker extends StatefulWidget {
|
||||||
CurrencyPicker({
|
CurrencyPicker({
|
||||||
@required this.selectedAtIndex,
|
@required this.selectedAtIndex,
|
||||||
@required this.items,
|
@required this.items,
|
||||||
|
@ -18,12 +19,47 @@ class CurrencyPicker extends StatelessWidget {
|
||||||
final List<CryptoCurrency> items;
|
final List<CryptoCurrency> items;
|
||||||
final String title;
|
final String title;
|
||||||
final Function(CryptoCurrency) onItemSelected;
|
final Function(CryptoCurrency) onItemSelected;
|
||||||
|
|
||||||
|
@override
|
||||||
|
CurrencyPickerState createState() => CurrencyPickerState(
|
||||||
|
selectedAtIndex,
|
||||||
|
items,
|
||||||
|
title,
|
||||||
|
onItemSelected
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
class CurrencyPickerState extends State<CurrencyPicker> {
|
||||||
|
CurrencyPickerState(
|
||||||
|
this.selectedAtIndex,
|
||||||
|
this.items,
|
||||||
|
this.title,
|
||||||
|
this.onItemSelected): itemsCount = items.length;
|
||||||
|
|
||||||
|
final int selectedAtIndex;
|
||||||
|
final List<CryptoCurrency> items;
|
||||||
|
final String title;
|
||||||
|
final Function(CryptoCurrency) onItemSelected;
|
||||||
|
|
||||||
final closeButton = Image.asset('assets/images/close.png',
|
final closeButton = Image.asset('assets/images/close.png',
|
||||||
color: Palette.darkBlueCraiola,
|
color: Palette.darkBlueCraiola,
|
||||||
);
|
);
|
||||||
|
final int crossAxisCount = 3;
|
||||||
|
final int itemsCount;
|
||||||
|
final double backgroundHeight = 280;
|
||||||
|
final double thumbHeight = 72;
|
||||||
|
ScrollController controller = ScrollController();
|
||||||
|
double fromTop = 0;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
controller.addListener(() {
|
||||||
|
fromTop = controller.hasClients
|
||||||
|
? (controller.offset / controller.position.maxScrollExtent * (backgroundHeight - thumbHeight))
|
||||||
|
: 0;
|
||||||
|
setState(() {});
|
||||||
|
});
|
||||||
|
|
||||||
return AlertBackground(
|
return AlertBackground(
|
||||||
child: Stack(
|
child: Stack(
|
||||||
alignment: Alignment.center,
|
alignment: Alignment.center,
|
||||||
|
@ -52,54 +88,72 @@ class CurrencyPicker extends StatelessWidget {
|
||||||
child: ClipRRect(
|
child: ClipRRect(
|
||||||
borderRadius: BorderRadius.all(Radius.circular(14)),
|
borderRadius: BorderRadius.all(Radius.circular(14)),
|
||||||
child: Container(
|
child: Container(
|
||||||
height: 400,
|
height: 320,
|
||||||
width: 300,
|
width: 300,
|
||||||
color: Theme.of(context).accentTextTheme.title.backgroundColor,
|
color: Theme.of(context).accentTextTheme.title.backgroundColor,
|
||||||
child: GridView.count(
|
child: Stack(
|
||||||
shrinkWrap: true,
|
alignment: Alignment.center,
|
||||||
crossAxisCount: 3,
|
children: <Widget>[
|
||||||
childAspectRatio: 1.25,
|
GridView.count(
|
||||||
physics: const NeverScrollableScrollPhysics(),
|
controller: controller,
|
||||||
crossAxisSpacing: 1,
|
crossAxisCount: crossAxisCount,
|
||||||
mainAxisSpacing: 1,
|
childAspectRatio: 1.25,
|
||||||
children: List.generate(items.length, (index) {
|
crossAxisSpacing: 1,
|
||||||
|
mainAxisSpacing: 1,
|
||||||
|
children: List.generate(
|
||||||
|
itemsCount
|
||||||
|
+ getExtraEmptyTilesCount(crossAxisCount, itemsCount),
|
||||||
|
(index) {
|
||||||
|
|
||||||
final item = items[index];
|
if (index >= itemsCount) {
|
||||||
final isItemSelected = index == selectedAtIndex;
|
return Container(
|
||||||
|
color: Theme.of(context).accentTextTheme.title.color,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
final color = isItemSelected
|
final item = items[index];
|
||||||
? Theme.of(context).textTheme.body2.color
|
final isItemSelected = index == selectedAtIndex;
|
||||||
: Theme.of(context).accentTextTheme.title.color;
|
|
||||||
final textColor = isItemSelected
|
|
||||||
? Palette.blueCraiola
|
|
||||||
: Theme.of(context).primaryTextTheme.title.color;
|
|
||||||
|
|
||||||
return GestureDetector(
|
final color = isItemSelected
|
||||||
onTap: () {
|
? Theme.of(context).textTheme.body2.color
|
||||||
if (onItemSelected == null) {
|
: Theme.of(context).accentTextTheme.title.color;
|
||||||
return;
|
final textColor = isItemSelected
|
||||||
}
|
? Palette.blueCraiola
|
||||||
Navigator.of(context).pop();
|
: Theme.of(context).primaryTextTheme.title.color;
|
||||||
onItemSelected(item);
|
|
||||||
},
|
return GestureDetector(
|
||||||
child: Container(
|
onTap: () {
|
||||||
color: color,
|
if (onItemSelected == null) {
|
||||||
child: Center(
|
return;
|
||||||
child: Text(
|
}
|
||||||
item.toString(),
|
Navigator.of(context).pop();
|
||||||
style: TextStyle(
|
onItemSelected(item);
|
||||||
fontSize: 18,
|
},
|
||||||
fontFamily: 'Poppins',
|
child: Container(
|
||||||
fontWeight: FontWeight.w600,
|
color: color,
|
||||||
decoration: TextDecoration.none,
|
child: Center(
|
||||||
color: textColor
|
child: Text(
|
||||||
),
|
item.toString(),
|
||||||
),
|
style: TextStyle(
|
||||||
),
|
fontSize: 15,
|
||||||
),
|
fontFamily: 'Poppins',
|
||||||
);
|
fontWeight: FontWeight.w600,
|
||||||
})
|
decoration: TextDecoration.none,
|
||||||
),
|
color: textColor
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
})
|
||||||
|
),
|
||||||
|
CakeScrollbar(
|
||||||
|
backgroundHeight: backgroundHeight,
|
||||||
|
thumbHeight: thumbHeight,
|
||||||
|
fromTop: fromTop
|
||||||
|
)
|
||||||
|
],
|
||||||
|
)
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
@ -111,4 +165,9 @@ class CurrencyPicker extends StatelessWidget {
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
int getExtraEmptyTilesCount(int crossAxisCount, int itemsCount) {
|
||||||
|
final int tilesInNewRowCount = itemsCount % crossAxisCount;
|
||||||
|
return tilesInNewRowCount == 0 ? 0 : crossAxisCount - tilesInNewRowCount;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue