Compare commits
4 Commits
v1.0.0(6)
...
onboarding
| Author | SHA1 | Date | |
|---|---|---|---|
| ae429302bb | |||
| 1f3de3df26 | |||
| baef98a443 | |||
| b8bb3e65c2 |
@@ -41,7 +41,7 @@ class OnboardingScreen extends ConsumerWidget {
|
||||
}
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
backgroundColor: Color(0xFFF7F7F7),
|
||||
body: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24),
|
||||
child: Column(
|
||||
@@ -64,9 +64,9 @@ class OnboardingScreen extends ConsumerWidget {
|
||||
StepIndicator(
|
||||
current: state.cardIndex + 1,
|
||||
total: onboardingPages.length,
|
||||
color: const Color(0xFF4A4A4A),
|
||||
color: const Color(0xFF4B4B4B),
|
||||
),
|
||||
const SizedBox(height: 38),
|
||||
const SizedBox(height: 48),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24),
|
||||
width: double.infinity,
|
||||
@@ -75,7 +75,7 @@ class OnboardingScreen extends ConsumerWidget {
|
||||
style: TextButton.styleFrom(
|
||||
backgroundColor: isLast
|
||||
? const Color(0xFF329E95)
|
||||
: const Color(0xFF333333),
|
||||
: const Color(0xFF4B4B4B),
|
||||
foregroundColor: Colors.white,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 16,
|
||||
@@ -108,7 +108,7 @@ class OnboardingScreen extends ConsumerWidget {
|
||||
child: Text(
|
||||
context.translate(I18n.skip),
|
||||
style: TextStyle(
|
||||
color: Color(0xFF333333),
|
||||
color: Color(0xFF4B4B4B),
|
||||
decoration: TextDecoration.underline,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 18,
|
||||
@@ -117,7 +117,7 @@ class OnboardingScreen extends ConsumerWidget {
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 48),
|
||||
const SizedBox(height: 36),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
@@ -16,37 +16,34 @@ class OnboardingContent extends StatelessWidget {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Flexible(flex: 3, child: SvgPicture.asset(image)),
|
||||
const SizedBox(height: 48),
|
||||
Text(
|
||||
context.translate(title),
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(
|
||||
fontWeight: FontWeight.w700,
|
||||
fontSize: 28,
|
||||
height: 1.4,
|
||||
letterSpacing: 0.3,
|
||||
color: Color(0xFF4A4A4A),
|
||||
),
|
||||
return Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Flexible(flex: 3, child: SvgPicture.asset(image)),
|
||||
const SizedBox(height: 48),
|
||||
Text(
|
||||
context.translate(title),
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(
|
||||
fontWeight: FontWeight.w700,
|
||||
fontSize: 30,
|
||||
height: 1.25,
|
||||
letterSpacing: 0,
|
||||
color: Color(0xFF4B4B4B),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
context.translate(subtitle),
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
height: 1.4,
|
||||
letterSpacing: 0.3,
|
||||
color: Color(0xFF9B9B9B),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
context.translate(subtitle),
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
height: 1.5,
|
||||
letterSpacing: 0,
|
||||
color: Color(0xFF4B4B4B),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"example": "ejemplo",
|
||||
"onboardingTitle1": "Aprende a gestionar su dinero",
|
||||
"onboardingSubtitle1": "Tu peque crea hábitos y se divierte mientras lo hace",
|
||||
"onboardingTitle2": "Tranquilidad en cada pago que hacen",
|
||||
"onboardingSubtitle2": "Supervisa sus gastos, fija límites y acompáñalos en cada paso",
|
||||
"onboardingTitle3": "Pagos fáciles y seguros en sus manos",
|
||||
"onboardingTitle1": "Aprende a \ngestionar su dinero",
|
||||
"onboardingSubtitle1": "Tu peque crea hábitos y se \ndivierte mientras lo hace",
|
||||
"onboardingTitle2": "Tranquilidad en \ncada pago que hace",
|
||||
"onboardingSubtitle2": "Supervisa sus gastos, fija límites \ny acompáñale en cada paso",
|
||||
"onboardingTitle3": "Pagos fáciles y seguros, en sus manos",
|
||||
"onboardingSubtitle3": "Podrá pagar desde su reloj.\nSin móvil ni efectivo",
|
||||
"start": "Comenzar",
|
||||
"next": "Siguiente",
|
||||
|
||||
Reference in New Issue
Block a user