CWA-221 | reworked seed_language_page as adaptive page; added crypto_lock_light; decreased font size of wallet address on the wallet card

This commit is contained in:
Oleksandr Sobol 2020-06-10 16:08:57 +03:00
parent a5551f0de3
commit e23f471df4
5 changed files with 71 additions and 54 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View file

@ -374,7 +374,6 @@ class WalletCardState extends State<WalletCard> {
child: Container( child: Container(
height: 90, height: 90,
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
Text( Text(
@ -396,20 +395,23 @@ class WalletCardState extends State<WalletCard> {
try { try {
_addressObserverKey.currentState.setState(() { _addressObserverKey.currentState.setState(() {
messageBoxHeight = 0; messageBoxHeight = 0;
messageBoxWidth = cardWidth - 10; messageBoxWidth = cardWidth;
}); });
} catch(e) { } catch(e) {
print('${e.toString()}'); print('${e.toString()}');
} }
}); });
}, },
child: Padding(
padding: EdgeInsets.only(top: 5),
child: Text( child: Text(
walletStore.subaddress.address, walletStore.subaddress.address,
style: TextStyle( style: TextStyle(
fontSize: 14, fontSize: 12,
color: Theme.of(context).primaryTextTheme.title.color color: Theme.of(context).primaryTextTheme.title.color
), ),
), ),
),
) )
], ],
), ),

View file

@ -5,10 +5,11 @@ import 'package:flutter/cupertino.dart';
import 'package:cake_wallet/generated/i18n.dart'; import 'package:cake_wallet/generated/i18n.dart';
import 'package:cake_wallet/src/screens/base_page.dart'; import 'package:cake_wallet/src/screens/base_page.dart';
import 'package:cake_wallet/src/widgets/primary_button.dart'; import 'package:cake_wallet/src/widgets/primary_button.dart';
import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
import 'package:cake_wallet/src/stores/seed_language/seed_language_store.dart'; import 'package:cake_wallet/src/stores/seed_language/seed_language_store.dart';
import 'package:cake_wallet/src/screens/new_wallet/widgets/select_button.dart'; import 'package:cake_wallet/src/screens/new_wallet/widgets/select_button.dart';
import 'package:cake_wallet/src/screens/seed_language/widgets/seed_language_picker.dart'; import 'package:cake_wallet/src/screens/seed_language/widgets/seed_language_picker.dart';
import 'package:cake_wallet/themes.dart';
import 'package:cake_wallet/theme_changer.dart';
class SeedLanguage extends BasePage { class SeedLanguage extends BasePage {
@override @override
@ -22,11 +23,15 @@ class SeedLanguageForm extends StatefulWidget {
class SeedLanguageFormState extends State<SeedLanguageForm> { class SeedLanguageFormState extends State<SeedLanguageForm> {
static const aspectRatioImage = 1.22; static const aspectRatioImage = 1.22;
final walletNameImage = Image.asset('assets/images/wallet_name.png'); final walletNameImageLight = Image.asset('assets/images/wallet_name_light.png');
final walletNameImageDark = Image.asset('assets/images/wallet_name.png');
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final seedLanguageStore = Provider.of<SeedLanguageStore>(context); final seedLanguageStore = Provider.of<SeedLanguageStore>(context);
final _themeChanger = Provider.of<ThemeChanger>(context);
final walletNameImage = _themeChanger.getTheme() == Themes.darkTheme
? walletNameImageDark : walletNameImageLight;
final List<String> seedLocales = [ final List<String> seedLocales = [
S.current.seed_language_english, S.current.seed_language_english,
@ -40,19 +45,24 @@ class SeedLanguageFormState extends State<SeedLanguageForm> {
]; ];
return Container( return Container(
padding: EdgeInsets.only(top: 24), padding: EdgeInsets.all(24),
child: ScrollableWithBottomSection( child: Column(
contentPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24), children: <Widget>[
content: Column( Flexible(
crossAxisAlignment: CrossAxisAlignment.center, flex: 2,
children: [
Padding(
padding: EdgeInsets.only(left: 12, right: 12),
child: AspectRatio( child: AspectRatio(
aspectRatio: aspectRatioImage, aspectRatio: aspectRatioImage,
child: FittedBox(child: walletNameImage, fit: BoxFit.fill)), child: FittedBox(child: walletNameImage, fit: BoxFit.fill)
)
), ),
Padding(padding: EdgeInsets.only(top: 40), Flexible(
flex: 3,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Column(
children: <Widget>[
Padding(padding: EdgeInsets.only(top: 48),
child: Text( child: Text(
S.of(context).seed_language_choose, S.of(context).seed_language_choose,
textAlign: TextAlign.center, textAlign: TextAlign.center,
@ -77,9 +87,9 @@ class SeedLanguageFormState extends State<SeedLanguageForm> {
) )
), ),
) )
]), ],
bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24), ),
bottomSection: Observer( Observer(
builder: (context) { builder: (context) {
return PrimaryButton( return PrimaryButton(
onPressed: () => onPressed: () =>
@ -88,7 +98,12 @@ class SeedLanguageFormState extends State<SeedLanguageForm> {
color: Colors.green, color: Colors.green,
textColor: Colors.white); textColor: Colors.white);
}, },
)), )
],
)
)
],
)
); );
} }
} }